Free tool
WhatsApp Widget Generator
Build a WhatsApp chat button and popup for your website, then paste one snippet.
Your button
FreePreview
Some visitors would rather ask on WhatsApp than fill in a form. Set your number, greeting, colours and position, check the preview, and paste one snippet into your site.
How this tool helps
Let visitors ask on WhatsApp
A visitor with one question about sizing or delivery often leaves instead of filling in a form. A WhatsApp button lets them ask in the app they already use, and you can reply from your phone.
The conversation also stays in their WhatsApp, so they can come back to it after they've left your site.
Where to paste the code
- Shopify: paste it into
theme.liquid, just before</body>. - WordPress: add it to the footer with a header and footer plugin.
- Webflow and Squarespace: paste it into the site-wide custom code field.
- Your own site: place it just above the closing
</body>tag.
Settings that get more chats
- Button text: Say what they can ask, like "Questions about sizing? Chat with us", rather than just "WhatsApp".
- Greeting: name what people can ask, such as "Ask us about sizing, delivery or custom designs".
- Placement: bottom right is the usual spot. Check on a phone that it doesn’t cover a "back to top" button or cookie banner.
WhatsApp button or AI chat on your site?
This button hands visitors to WhatsApp, where you reply yourself. If you'd rather have AI answer them on your site and on WhatsApp, see the website chat widget and the WhatsApp AI chatbot.
FAQ
Frequently asked questions
Straight answers about using this tool and its output.
How do I add a WhatsApp chat widget to my website?
Set your number, greeting, colour and button text. When the preview looks right, copy the code and paste it just before the closing </body> tag of your site.
Will this widget slow down my website load speed?
The snippet is plain HTML, CSS and JavaScript with no external libraries or scripts to download, so it adds very little to your page.
Does this widget work on Shopify, WordPress, and Webflow?
Yes. In WordPress, add it with a Custom HTML block or a header and footer plugin. In Shopify, paste it into theme.liquid. In Webflow, use the site-wide custom code section.
Can I add multiple agents to this widget?
No, this widget opens a chat with one WhatsApp number. If several people answer and you want AI replies, connect the number to a WhatsApp AI chatbot such as ZynfoAI, where your team shares the AI Inbox.
Why use a popup instead of a plain WhatsApp link?
The popup shows a greeting and a message box first, so the visitor knows who they are writing to before WhatsApp opens. When they press Send, the chat continues in WhatsApp.
Related tools
View all toolsLet ZynfoAI take the first reply.
Website chat, WhatsApp and email in one inbox, with AI answering from your own content. Free for 7 days, then plans from $39 a month.