Free WhatsApp chat widget for your website
Design a chat button and chat window that match your brand, watch them change in the live preview, then copy one snippet of code. Visitors tap, type and land in your WhatsApp.
- Free forever
- Works with any WhatsApp number
- WordPress, Shopify, Wix and any site
Who are visitors chatting with?
This is what shows at the top of the chat window.
What does the chat say?
Greet visitors and give them a quick way to start.
How does the button look?
The floating button visitors click to open the chat.
Match your brand
The colour is used for the button, the chat header and the send button.
When and where it shows
Fine-tune how the widget behaves on your site.
This is the real widget. Click the button, try a quick reply, send a test message.
</body> tag of your website.Add your WhatsApp number in step 1 to finish the code.
Add it to your website
Copy the code above, then follow the steps for your platform. It takes about two minutes.
- Open the HTML file or template that is shared by all your pages.
- Paste the code just before the closing
</body>tag. - Save and upload. The button appears in the corner of every page.
- Install a header and footer code plugin such as WPCode.
- Open its Header & Footer screen and paste the code in the Footer box.
- Save. If you use a caching plugin, clear the cache once.
- In Shopify admin go to Online Store, then Themes.
- On your live theme choose Edit code and open
theme.liquid. - Paste the code just before
</body>and save.
- In your Wix dashboard open Settings, then Custom Code.
- Choose Add Custom Code and paste the code.
- Apply it to All pages, place it in Body - end and publish. Wix needs a premium plan with a connected domain for custom code.
- Open Site settings, then the Custom code tab.
- Paste the code in the Footer code box and save.
- Publish the site. Custom code needs a paid Webflow site plan.
- In Google Tag Manager create a new tag of type Custom HTML.
- Paste the code and set the trigger to All Pages.
- Submit and publish the container.
A chat window visitors already know how to use
It looks and feels like WhatsApp, so nobody has to learn anything before they write to you.
Real chat window
A welcome message with a typing animation, your name, your logo and a message box. Not just a link.
Quick replies
Up to four one-tap buttons such as “Pricing details” or “Track my order”, so visitors start with a clear question.
Your brand colour
Pick a preset or any colour. The text colour adjusts itself so the button always stays readable.
Made for mobile
The chat fits small screens, and on a phone one tap on send opens the WhatsApp app with the message ready.
Light on your site
One small script that loads after your page. It sets no cookies and collects no visitor data.
Know the page
Switch on the page link and every message tells you which page the visitor was on when they wrote.
Questions about the WhatsApp chat widget
Is the WhatsApp chat widget free?
Yes. It is free to generate and use. There is no sign-up, no limit on chats and no limit on the number of websites.
Do I need the WhatsApp Business API to use it?
No. It works with any WhatsApp or WhatsApp Business number. When a visitor sends a message, the chat opens in their WhatsApp with your number and their message filled in.
Will the widget slow down my website?
No. It is one small script that loads asynchronously after your page. It sets no cookies and does not collect visitor data.
Which websites does it work on?
Any website where you can add a script: WordPress, Shopify, Wix, Webflow, Squarespace, custom HTML sites, and sites managed through Google Tag Manager.
Where do the messages go?
Straight to the WhatsApp number you enter. You reply from WhatsApp as usual. To answer with a team inbox, a chatbot or AI replies, connect the same number to Botbiz.
How do I change the widget later?
Come back to this page. Your settings are remembered in this browser. Change what you need, copy the new code and replace the old one on your site.
Can I remove the “Powered by Botbiz” line?
Yes. Switch it off in the Behaviour step and copy the new code.
Can I move the button away from another widget or a cookie bar?
Yes. Add offsetX and offsetY to the settings in your code, in pixels from the side and from the bottom. For example offsetY: 90 lifts the button above a cookie bar.
The chats are coming in. Now answer them faster.
Connect the same number to Botbiz and reply with a shared team inbox, chatbot flows and AI answers, on the official WhatsApp Business API.