Public websiteCustomer conversation platform
DripTell brings WhatsApp, Instagram, Messenger, Telegram and web chat into one workspace, with shared ownership, customer context, automation and AI assistance.
You are viewing the compatibility version because this browser does not support the modern website presentation. This is the public DripTell website; no customer workspace or account data is shown.
Product
One workspace for every customer conversation and next action.
Product
One workspace for every customer conversation and next action.
Solutions
Start with the customer outcome your team is responsible for.
Solutions
Start with the customer outcome your team is responsible for.
Industries
See DripTell through the real conversations in your industry.
Industries
See DripTell through the real conversations in your industry.
Free tool · Copy and paste code
Enter your WhatsApp number and the message visitors should start with, then choose the colour, label and position. You get a single, self contained HTML snippet with no external scripts or tracking. Paste it before the closing body tag on any website, including WordPress, Shopify, Wix and Webflow.
<!-- WhatsApp chat button. Made with the free generator at https://driptell.com/whatsapp-chat-button-generator -->
<a class="dt-wa" href="https://wa.me/971501234567?text=Hi%2C%20I%20have%20a%20question%20about%20your%20website." target="_blank" rel="noopener" aria-label="Chat with us">
<span class="dt-wa-bubble">Hello! How can we help?</span>
<span class="dt-wa-btn"><svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" focusable="false"><path fill="currentColor" d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg><span class="dt-wa-label">Chat with us</span></span>
</a>
<style>
.dt-wa{position:fixed;right:20px;bottom:20px;z-index:2147483000;display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-decoration:none;font:600 15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.dt-wa-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px 14px 16px;border-radius:999px;background:#25D366;color:#ffffff;box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .2s ease}
.dt-wa:hover .dt-wa-btn,.dt-wa:focus-visible .dt-wa-btn{transform:translateY(-2px)}
.dt-wa:focus-visible{outline:none}.dt-wa:focus-visible .dt-wa-btn{outline:3px solid #25D366;outline-offset:3px}
.dt-wa-bubble{max-width:240px;padding:10px 14px;border-radius:14px;background:#fff;color:#111827;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.16);animation:dt-wa-in .4s ease 1.5s both}
@keyframes dt-wa-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dt-wa-bubble{animation:none}.dt-wa-btn{transition:none}}
</style>Add your WhatsApp number first. The code currently uses a sample number.
Paste the snippet just before the closing </body> tag on every page where the button should appear.
It takes about a minute. Nothing you enter leaves this page.
Enter the WhatsApp number that should receive the chats and an opening message.
Choose the button style, colour, position and an optional greeting bubble.
Check the live preview, then press Copy code.
Paste the snippet just before the closing body tag of your site, or into your platform's custom code area.
On WordPress, use a header and footer code plugin or your theme's footer settings. On Shopify, open the theme code editor and paste it just before the closing body tag in theme.liquid. On Wix, add it under Settings, Custom code, in the body end position. On Webflow, paste it into the site settings footer code.
The snippet is plain HTML and CSS with an inline icon. It loads nothing from another server, so it will not slow your pages down or add cookies.
A prefilled message like Hi, I have a question about the product on this page tells your team where the visitor came from. If you add the button to several sites or landing pages, use a different opening message on each one so the source is visible in the chat.
The button is the easy part. The harder part is answering quickly once the chats arrive, especially when several people share one WhatsApp number. That is the problem a shared team inbox solves, with ownership, history and automated replies outside working hours.
Straight answers, including the limits.
Create the button on this page, press Copy code and paste the snippet just before the closing body tag of your website. Most website builders have a custom code or footer code setting for this.
Yes. It is plain HTML and CSS, so it works on any platform that lets you add custom code to the page body.
No. The snippet is a few kilobytes of HTML and CSS with the icon built in. It does not load scripts, fonts or images from another server.
Yes. The message you enter is added to the wa.me link, so it appears in the visitor's chat box ready to send.
Limits and rules on this page were checked against these official pages on 1 November 2026. Platforms change, so confirm before you rely on a limit.
Create a wa.me click to chat link with a prefilled message, plus a printable QR code for packaging, menus and counters.
Open the toolCheck if a phone number is valid for WhatsApp, see its country and line type, and get the correct international format.
Open the toolAdd bold, italic, strikethrough, monospace, quotes and lists, preview the result and convert Markdown to WhatsApp format.
Open the toolDripTell turns website chats into an owned conversation with assignment, saved replies, AI suggestions and follow up your team can see.
Forever Free plan available for one WhatsApp inbox. No card needed for the trial.