WhatsApp Chat Widget
for HTML
Let HTML visitors message your business on WhatsApp with one tap. Floating button, smart triggers, per-page rules, no plugin, no app, just one line of code.
Create Widget for FreeNo credit card · No HTML app required
WhatsApp Chat widget on HTML
Open a one-tap chat from HTML
Visitors message your business directly on WhatsApp without filling out a form. One tap on mobile, one click on desktop, that's the entire flow.
Convert with smart triggers
Show the chat on exit intent, time-on-page, or scroll depth on key HTML pages. Capture visitors at peak interest, not the moment they land.
Zero coding required
Works with all HTML themes and plans. No app install needed, just paste one line of code site-wide or on specific pages.
How to Add WhatsApp Chat to HTML
Three simple steps, no coding, no app install.
Configure triggers
Choose when the chat appears, always visible, after 30 seconds, on exit intent, or at 50% scroll. Use per-page rules to show on product pages and hide on legal pages.
Add your WhatsApp number
Enter your WhatsApp Business phone number in the widget editor, customize the pre-filled message, and pick the button position. No Meta developer setup or plugin needed.
Paste into HTML
Paste the embed code directly into your HTML file. Save the page, and your chat button is live on HTML.
Key Features
- Floating chat button with custom position, color, and shape
- Smart triggers, exit intent, scroll %, time-on-page
- Per-page rules, show only on PDPs, hide on legal pages
- Multi-agent mode, visitors pick Sales, Support, or Returns
- Page URL injection, pre-fills the message with current URL
- Lightweight script, under 12 KB gzipped, async-loaded
- Business hours display, set expectations with a 'replies in X' label
- Mobile + desktop, opens WhatsApp app or WhatsApp Web
Frequently Asked Questions
Is the WhatsApp chat widget compatible with all HTML themes?
Yes, the widget works with every HTML theme. It's pure HTML/JS that integrates via a custom code section.
Which HTML plans support this?
All HTML plans that allow custom HTML or code embedding support the WhatsApp chat widget.
Do I need a WhatsApp Business account?
A WhatsApp Business account is recommended (it shows hours, location, catalog) but a regular WhatsApp number also works.
Will the WhatsApp button slow down my HTML site?
No. The widget script is under 12 KB gzipped and loads asynchronously. It doesn't affect Core Web Vitals or page speed.
Can I show the chat only on certain HTML pages?
Yes. Use per-page rules to show or hide the button based on URL patterns, common setup: show on product pages, hide on legal pages.
Can I trigger the chat on exit intent or scroll?
Yes. Configure triggers based on scroll percentage, time on page, exit intent, or specific element clicks.
How much does it cost?
There's a free plan with our branding. Paid plans from $3/month remove branding and unlock smart triggers and per-page rules.
Pricing
14-day money back guarantee. Cancel anytime.
Add WhatsApp Chat to HTML
Free plan available · Smart triggers · Per-page rules