Add a WhatsApp chat button to your website in two minutes. Choose the number, message, colour and position, watch the live preview, then copy one small snippet that loads nothing from other servers.
A WhatsApp chat widget is a floating button on your website that opens a chat with your business on WhatsApp, optionally with a greeting, quick replies and a pre-filled message. Set your number and style below, check the live preview, then paste the generated code just before the closing body tag of your site.
Only for numbers on the WhatsApp Business API with calling switched on. Uses a WhatsApp call link, which opens a call on phones; the button is hidden on computers because WhatsApp desktop does not support call links. About WhatsApp calling
Click the button in the preview to try it.
Paste it just before </body> on every page, or once in a site-wide footer or custom-code setting (WordPress, Wix, Shopify, Webflow).
Add the country code and the WhatsApp or WhatsApp Business number that should receive chats.
Set the text, colour, size, position, greeting and quick replies. The preview updates as you type.
Click Copy code. The snippet is plain HTML, CSS and JavaScript with no external files.
Paste it before the closing body tag or in a site-wide footer, publish, and test the button on a phone.
Untick "Open a chat panel first" above to get the button-only version.
Visitors message you in the app they already use, instead of filling a form.
Opens the WhatsApp app on phones and WhatsApp Web on computers.
No external scripts, fonts or trackers - nothing slows your site down.
Pre-filled text and quick replies tell your team what the visitor wants.
wa.me link and QR code.
Official API with green-tick help.
Conversation rates in India.
Answer chats automatically.
Track every campaign link.
Docs and code samples.
Yes. The generator and the code are free, with no sign-up and no monthly fee. The widget opens a normal WhatsApp chat with your number.
No. The code is a few kilobytes of plain HTML, CSS and JavaScript with no external files, fonts or trackers, so it loads instantly and works with any website.
Paste it just before the closing body tag of your pages, or once in a site-wide footer. In WordPress use a footer code or custom HTML option; in Wix, Shopify or Webflow use the custom code setting.
Yes. The button opens a chat with any WhatsApp or WhatsApp Business number. For automatic replies, a chatbot, several agents or broadcasts, use the WhatsApp Business API.
Yes. On phones the link opens the WhatsApp app; on computers it opens WhatsApp Web or the desktop app. The button and panel resize for small screens.
Yes, if your number is on the WhatsApp Business API with calling switched on. Tick the call option and the widget adds a Call us on WhatsApp button that uses a WhatsApp call link (wa.me/call/ followed by your number). Call links open a call on phones only, so the button is hidden on computers.
Yes. Untick the credit option before you copy the code. Keeping it is a kind way to help others find this free tool.
Reply faster with the WhatsApp Business API: shared inbox, chatbot, templates and broadcasts.