A WhatsApp chat button is the fastest way to turn website visitors into conversations. No form, no email — they tap a button and they're talking to you on WhatsApp. Here's how to add one to any website in under 2 minutes, for free.
What You're Building
A floating button (usually bottom-right) that opens WhatsApp when clicked, with a pre-filled message so visitors don't have to think about what to type. On mobile it opens the WhatsApp app; on desktop it opens WhatsApp Web.
Step-by-Step: Free Widget Generator
- Go to the free WhatsApp Chat Widget Generator
- Enter your WhatsApp number in international format (e.g.,
+919876543210for India) - Type a pre-filled message — something like "Hi! I'd like to know more."
- Choose button position, color, and whether to show a greeting bubble
- Copy the generated embed code
- Paste it just before
</body>on your website
Where to Paste on Popular Platforms
| Platform | Where to paste |
|---|---|
| WordPress | Appearance → Theme Editor → footer.php, before </body> |
| Shopify | Online Store → Themes → Edit Code → theme.liquid, before </body> |
| Webflow | Project Settings → Custom Code → Footer Code |
| Wix | Settings → Custom Code → Add Code → Body — end |
| Squarespace | Settings → Advanced → Code Injection → Footer |
Tips to Get More Conversations
- Pre-fill a specific message — "Get a quote on WhatsApp" converts better than "Chat with us"
- Show a greeting bubble — a small speech bubble can increase click-through by 20–30%
- Match button color to your brand — green (#25D366) is recognizable but a branded color works too
- On product pages, pre-fill product context — "Hi, I'm interested in [Product Name]"
What Happens After They Click?
As volume grows, you'll want a shared inbox so your whole team can reply from one number. Tenreply gives you a shared team inbox on WhatsApp — assign conversations to agents, track response times. See how the shared inbox works →
Or generate a wa.me link and QR code for bio links, menus, or print materials.