How to add a WhatsApp button to your website
- 1
Enter your WhatsApp number and an optional pre-filled message.
- 2
Set the button text, colours and whether it sits bottom left or bottom right.
- 3
Copy the code and paste it just before the closing </body> tag of your site, or into a custom HTML block in your website builder.
- 4
Open your site on a phone and tap the button to test it.
Works with any website builder
The snippet is a single link with inline styles, so it works on plain HTML sites and in the custom HTML or code-injection areas of WordPress, Shopify, Wix, Squarespace, Webflow and similar builders.
It loads no third-party scripts, sets no cookies and doesn't track visitors — it's just a link to wa.me.
Best practices for a chat button
- Use clear text like “Chat with us” or “Ask on WhatsApp” rather than an icon alone on important pages.
- Pick a colour with strong contrast against white text.
- Make sure the button doesn't cover your cart, cookie banner or other important buttons on mobile.
- Pre-fill a message that mentions the page, such as “Hi! I have a question about delivery.”
- Tell visitors when you usually reply.
Frequently asked questions
Does the button slow down my website?
No meaningful amount. It's a few lines of HTML with no external scripts, fonts or images.
Can I use the official WhatsApp logo?
This generator uses a generic chat icon. If you want WhatsApp's own logo, follow WhatsApp's brand guidelines for how it may be used.
Where do messages from the button go?
Straight to the WhatsApp number you entered, on your phone or WhatsApp Web — nothing passes through InboxCRM.
Can I show the button only on some pages?
Yes. Paste the snippet only into the pages or templates where you want it to appear.