WhatsApp Button Generator
Add a floating WhatsApp chat button and widget to your website. Match your brand, personalise the message for each page, and paste one snippet.
Live preview โ your button is at the bottom of this page.
Add WhatsApp to your website in 3 steps
- 01
Customise the button
Set your number, colours, text, position and the chat widget with your brand name and logo. The preview updates live.
- 02
Personalise per page (optional)
Use {{page_title}} and {{page_url}}, or add URL rules so a product page sends a message about that product.
- 03
Copy the snippet into your site
Paste it just before </body> โ or in the custom code / footer scripts setting of WordPress, Shopify, Wix, Webflow and other builders.
WhatsApp button FAQ
Is the WhatsApp button free?
Yes. The button, the chat widget and URL personalisation are free and need no sign-up.
Does it work with WordPress, Shopify and Wix?
Yes. It works on any website that lets you add custom code: paste the snippet before </body>, or in your builder's footer scripts / custom code setting.
Will it slow down my website?
No. The script is small, loads asynchronously and doesn't block your page. Its styles are isolated, so it can't clash with your theme.
How does URL personalisation work?
Add a rule with a page URL such as /products/{{product}}. On a matching page the button uses that rule's messages, with {{product}} replaced by the value from the URL โ for example "blue-sneakers" becomes "Blue Sneakers".
How do I change the button later?
Come back to this page, adjust the settings, and replace the old snippet on your site with the new one.
Can my team answer these chats together?
Yes โ connect the same WhatsApp number to Wazline and every chat from the button lands in a shared Team Inbox with an AI assistant, assignment and mobile apps.
Getting more WhatsApp chats? Answer them as a team.
Wazline puts every WhatsApp conversation in one shared inbox, with an AI assistant that replies 24/7, bulk campaigns and lead tracking.