1. Enter your number
Use your full number with the country code, for example +91 for India. Add an optional message so customers don’t start with a blank chat.
Free tool
Free WhatsApp chat button for your website
Add a floating WhatsApp button to your Shopify, WooCommerce or any other website. Pick the text, colour and position, then copy one line of code. No app or plugin needed.
- Works on any website
- No script to load
- Free forever
WhatsApp chat button generator
How to add the button in 3 steps
2. Style the button
Choose the button text, colour and corner. The preview updates as you type.
3. Paste the code
Copy the code and paste it before </body> on your site. It shows on every page that uses that template.
Tips that get more chats
- Pre-fill a useful first message. “Hi, I need help choosing a size” tells your team what the customer wants before they reply.
- Use different messages on different pages. A product page button can mention the product, so you know where the chat started.
- Reply fast. A chat button raises expectations. If your team can’t reply within minutes, set up an automatic greeting and FAQ replies.
- Keep it out of the way on mobile. Make sure the button doesn’t cover your “Add to cart” bar; switch corners if it does.
Frequently asked questions
Is the WhatsApp chat button free?
Yes. The code is yours to use on as many sites as you like, with no sign-up and no monthly fee. It is plain HTML with no external script, so it won’t slow your site down.
Where do I paste the code?
Paste it just before the closing </body> tag of your site. On Shopify, go to Online Store → Themes → Edit code → theme.liquid. On WordPress or WooCommerce, use your theme’s footer or a “header and footer scripts” plugin. On Wix or Squarespace, add it as custom code in the site footer.
Does it work with the WhatsApp Business app?
Yes. The button opens a chat with whatever number you enter, whether it runs on the WhatsApp app, the WhatsApp Business app or the WhatsApp Business API.
Can the button reply to customers automatically?
The button only opens the chat. To answer automatically, route questions to the right person and recover carts, connect the number to the WhatsApp Business API with a tool like Hello24.
Turn website chats into orders with Hello24
- Shopify & WooCommerce
- No setup charges
- 1:1 onboarding