WhatsApp Chat Button Generator for Your Website
Paste this snippet just before the closing </body> tag of any HTML page. It needs no other files, libraries, or network requests to work.
Results and any AI-generated content from this tool are provided free, "as is", for general informational purposes only and may be inaccurate, incomplete, or out of date. Always verify the output yourself before relying on it — you use this tool and its results at your own risk.
By using this tool you agree to our Terms & Conditions and Privacy Policy.
Put this on your free business page
Create a BizGo digital business page — your services, gallery, WhatsApp button, and Google review link, all in one shareable page. Free to start.
Why add a floating WhatsApp button to your website?
Most visitors who leave your website without contacting you were never going to fill out a contact form — but a lot of them would happily send a one-line WhatsApp message if the option were right in front of them. A floating WhatsApp button stays visible in the corner of the screen as someone scrolls, turning "I have a question but can't be bothered to find your contact page" into a single tap that opens a chat with your prefilled greeting message already typed out.
This tool generates that button for you as a single, self-contained snippet: no jQuery, no external CSS or JS files, no icon fonts, no calls to any third-party service. Everything — the floating button, the optional greeting bubble, and the small script that shows it — is inlined directly in the HTML it hands you, so it works by pasting it into any website builder, CMS, or hand-written HTML page with zero setup.
What the greeting bubble does
The optional greeting bubble is the small speech-bubble message that pops up next to the button a moment after the page loads, nudging a visitor to click before they even scroll down. It's dismissible with its own close button and disappears once the visitor taps the WhatsApp button itself. Turn it off if you'd rather keep things minimal — the button works exactly the same either way.
Customize the button's position (bottom-left or bottom-right), color,
label text, and the message that's prefilled when the chat opens, then copy
the snippet from the code box and paste it just before the closing
</body> tag of your site. The live preview on this page
runs the exact same snippet inside a sandboxed frame, so what you see here
is exactly what will appear on your real site.
Prefer not to manage your own website at all? A BizGo digital business page comes with a WhatsApp button built in automatically, alongside your services, gallery, and Google review link — free to start, no code required.
Frequently Asked Questions
No — the snippet is fully self-contained with inline styles and inline JavaScript. It makes zero external network requests and needs no CSS, JS, or icon-font files.
Paste it just before the closing </body> tag of your HTML page. It works on hand-written HTML, most website builders, and CMS "custom code" or "footer scripts" sections.
Yes — your label and greeting text are HTML-escaped and placed only as plain text content in the snippet, never inside an attribute or script block, so special characters like quotes or angle brackets cannot break the snippet or inject code.
Yes — uncheck "Show a greeting bubble before they click" and the snippet will only include the floating button itself.
Yes — the preview renders the exact generated HTML/CSS/JS inside a sandboxed iframe, so what you see is what will appear on your live site.
