Configure it below and try it out right on this page. The bubble in the corner is the real widget, live.
Changes update the live preview and the snippet instantly.
Paste this before the closing </body> tag on your website.
Look at the bottom corner of this page. That's your widget, rendered from the settings above using the real embed script.
Download the free Chat Quotient Chrome extension to see and manage every conversation directly inside WhatsApp Web, a full WhatsApp CRM experience.
A WhatsApp chat widget is a small button that sits in the corner of a website and, when clicked, opens a WhatsApp conversation with the business, either straight to the business's WhatsApp number or through a short form first. It replaces a static "Contact us" link or email form with a channel most visitors already have open on their phone.
It's different from a plain "click to chat" link (just a piece of text or an icon that opens wa.me) in that a widget is configurable: position, color, and a pre-filled greeting.
Configure your widget
Enter your WhatsApp number, then pick a color and a corner for the widget.
Copy the snippet
Use the "Copy snippet" button above. It's a single <script> tag, no other files or dependencies.
Paste it into your site
Add it right before the closing </body> tag of your site's HTML.
Publish
That's it. The widget renders itself from the snippet, no build step, backend, or account required.
No form, no email, no page reload
Visitors reach you in an app they already have open on their phone, instead of typing into a contact form and waiting for a reply.
It meets visitors where they already are
WhatsApp is the default messaging app for billions of people worldwide. For most visitors, there's nothing new to download or sign up for.
Every chat starts with context
A pre-filled greeting means the conversation doesn't start cold. Visitors land in WhatsApp with their message already framed.
You control exactly where it sits
Set the color, corner, and offset so the widget matches your site instead of a generic default bubble.
Free, with no approval process
No WhatsApp Business API application, no separate number, no code beyond one script tag.
Chat button
A static link or icon that opens a WhatsApp chat when clicked. No configuration beyond the destination number.
Chat widget
Yes. The redirect widget you build above (with your number, color, position, and greeting) is free, with a small "Powered by Chat Quotient" badge. A Pro, AI-agent-powered version is planned for the future.
No. The widget opens a normal WhatsApp chat using your existing WhatsApp number. No Business API approval or separate number required.
Yes. It's a single script tag with no dependencies, so it works anywhere you can paste HTML: WordPress, Shopify, Wix, Webflow, Squarespace, or a hand-built site.
It shouldn't be noticeable. The script is small, loads with async and defer so it never blocks your page, and renders inside an isolated Shadow DOM so it can't clash with your site's own styles.
Not yet. Lead capture before the WhatsApp handoff is on the roadmap, and we'll add the toggle back here once it's ready.
Nowhere on our servers. Your settings live entirely inside the script tag you paste onto your site. To change something later, come back to this page, reconfigure, and copy the new snippet (keep a copy of your current one, since we don't store it for you).
A "chat button" is usually just a static link that opens WhatsApp. A "chat widget" (what this tool builds) is a floating launcher with a configurable greeting, position, and color.
Any WhatsApp number works, personal or business. Just enter it with the country code and no spaces or plus sign.