1
Customize the button
Pick the call-to-action text, button size and screen position (bottom left or bottom right) so it matches your website's look.
Free WhatsApp chat button & widget generator for your website
Customize a floating WhatsApp chat button, set your welcome message and quick-reply options, then copy one code snippet to your site — no coding required. Or grab a simple click-to-chat link and QR code.
Floating button
Large
Medium
Small
Bottom Left
Bottom Right
Chat settings
Digits only, no leading 0.
Upload your logo somewhere public, then paste its link here.
Quick-reply options
Each option opens WhatsApp with its own pre-filled message.
Your embed code
📌 Paste this just before the closing
</body> tag on every page of your website. The button appears instantly.Live preview
This is how it looks on your site — click the button
Add a WhatsApp button to your website in 3 steps
No developer needed. Build, copy, paste — your chat button is live in under two minutes.
2
Add your chat details
Enter your brand name, WhatsApp number, logo, availability tag, a friendly welcome message and up to six quick-reply options for your visitors.
3
Copy & paste the code
Click Generate, copy the snippet and paste it just before the closing </body> tag. The button shows up instantly.
WhatsApp chat button vs. chat widget
Both open a WhatsApp conversation — the difference is how much they do before the chat starts.
WhatsApp chat button
A simple floating icon with a click-to-chat link. One tap opens WhatsApp with your number, optionally with a pre-filled message. It is the fastest, lightest way to let visitors reach you.
WhatsApp chat widget
A branded chat panel that sits on top of the button. It greets visitors with your name, a welcome message and availability tag, and offers multiple quick-reply options (Sales, Support, Billing) — each opening WhatsApp with its own message. It feels like live chat and tells you exactly what the visitor wants.
Why add a WhatsApp chat widget?
Turn website visitors into conversations on the channel your customers already use.
Instant support
Visitors reach you in one tap, with no forms or waiting — answer questions in real time.
More leads
Quick-reply options route Sales, Support and Billing chats so you capture intent from the first message.
No coding
The tool writes the code for you. Copy one snippet and paste it once — works on any website.
Lightweight & safe
A single script with no external libraries and namespaced styles — it won't slow your site or clash with your CSS.
Works everywhere
Opens the WhatsApp app on mobile and WhatsApp Web on desktop, across all countries WhatsApp supports.
Free forever
Generate and use the widget at no cost — no registration, no subscription, no hidden limits.
Frequently asked questions
What is a WhatsApp chat widget?+
A WhatsApp chat widget is a customizable chat box you add to your website. It shows a floating button and, when clicked, opens a small panel with your brand name, a welcome message and quick-reply options that open a WhatsApp conversation with your business in one tap.
What is the difference between a WhatsApp chat button and a widget?+
A WhatsApp chat button is a simple icon with a click-to-chat link. A WhatsApp widget adds a branded chat panel on top of that button, with a welcome message, availability tag and multiple quick-reply options. The button starts the chat; the widget improves the experience before the chat opens.
Is this WhatsApp widget generator free?+
Yes. The generator is completely free with no registration. You can create the button, customize the widget and copy the embed code at no cost.
Do I need coding skills to add the widget to my website?+
No. The tool produces a ready-to-use code snippet. You only copy it and paste it once before the closing body tag of your site — no programming knowledge is required.
How do I install the WhatsApp button on my website?+
Customize your button and widget, click Generate, then copy the code and paste it just before the closing </body> tag on every page where you want the button to appear. The floating button shows up instantly.
Does the WhatsApp widget work on mobile and desktop?+
Yes. It uses WhatsApp's standard click-to-chat link, so it opens the WhatsApp app on phones and WhatsApp Web or the desktop app on computers, in every country where WhatsApp is available.
Can I add multiple quick-reply options?+
Yes. You can add up to six quick-reply options such as Sales, Support or Billing. Each option opens WhatsApp with its own pre-filled message so you instantly know what the visitor needs.
Will the widget slow down my website?+
No. The generated code is a single lightweight script with no external libraries, and its CSS classes are namespaced so they will not clash with your existing styles.
Does it work with WordPress, Shopify, Wix and other platforms?+
Yes. Because the output is plain HTML and JavaScript, it works on any platform that lets you add custom code or a custom HTML block, including WordPress, Shopify, Wix, Squarespace and hand-coded sites.