On contact and pricing pages
These pages are where visitors are most likely to want a real answer. The widget puts a chat one click away, instead of asking them to find your email or fill in a form.
Add A WhatsApp Chat Widget For FREE Today!
Configure the number, the welcome message, and the colors. Copy the HTML snippet, paste it before your site's closing body tag, and a WhatsApp button shows up in the corner. Every click opens WhatsApp with your message already typed.
No signup · No watermark · Works on any site
Configure your widget
WhatsApp Number
Welcome Message
Generate Snippet
Copy HTML
Build A WhatsApp Chat Widget Try It Now
Set the number, the message, and the look. Copy the HTML and paste it into your site.
Configure your widget
0/400 — shown when the customer taps the button.
Your WhatsApp Chat Widget
Preview
Enter a WhatsApp number on the left to generate a snippet you can paste into your site.
Where The WhatsApp Widget Pays Off
A floating button sits where the visitor is already looking, so they reach you without leaving the page.
On product and checkout pages
For ecommerce and SaaS, a question at checkout is often the last thing between a visitor and a sale. The widget catches that question without making the customer write you an email.
On help and support pages
Customers searching your help docs already have a problem. A floating WhatsApp button gives them a fast escape hatch when the article doesn't actually answer the question.
What Is A WhatsApp Chat Widget?
A WhatsApp chat widget is a small floating button that sits in the corner of your website. When a visitor clicks it, WhatsApp opens at your number with your welcome message already in the input box. It is the on-site version of a wa.me link, dressed up as a button and pinned where customers can always see it.
The snippet itself is plain HTML. It sets a fixed-position anchor tag, styles it with inline CSS, and points it at https://wa.me/[country code + phone]?text=[message]. There is no external script, no tracker, and nothing to subscribe to. You paste it in once and it keeps working until you change your number.
Where The Widget Actually Earns Its Keep
A widget is worth installing on pages where the customer is close to a decision. Contact pages, pricing pages, product detail pages, and post-purchase support pages are the obvious ones. For SaaS, the in-app help menu works too. Anywhere a visitor might think 'I just want to talk to a human,' the button is sitting there waiting.
On its own, the widget gets you to 'they reached out.' For 'we know which page they reached out from, and what they were looking at,' you need the chat going into a CRM. If Eazybe is sitting behind the widget, every click becomes a tracked conversation in HubSpot, Salesforce, or Zoho, with the source page recorded automatically.
Why A Floating WhatsApp Button Converts
A widget is always visible, so visitors do not have to hunt for a way to reach you. That alone tends to lift inbound chats on most sites.
Paste once, done
The snippet is plain HTML with inline CSS. It works on WordPress, Webflow, Shopify, Wix, Squarespace, and any hand-rolled site. There is no script to load and no plugin to maintain.
Welcome message built in
Set the opening message yourself, so the chat starts with the right context. For example: 'Hi, I'm browsing your pricing page' or 'Question about the Pro plan'. Customers see it pre-filled and only need to tap Send.
Higher than a contact form
Forms ask visitors to write a paragraph and trust an email reply. A widget asks them to send one line and gets them a real person in seconds. Most teams that try both find the widget wins on reply speed and reply rate.
Mobile-friendly by default
On phones, the button sits at thumb height and opens the WhatsApp app directly. Visitors who came in from Instagram or a Google search can start a chat without typing anything other than their question.
Get The Free WhatsApp Chat Widget, Without The Subscription
WhatsApp Chat Widget Questions, Answered
Is this WhatsApp Chat Widget really free?
Yes. There is no signup, no watermark on the widget, and no monthly fee. You can use it on as many sites as you want, including client sites.
Will this work on WordPress, Shopify, Webflow, or Wix?
Yes. The snippet is plain HTML, so it works on any platform that lets you paste HTML or embed code. On WordPress you can drop it into a Custom HTML block or into your theme footer. Shopify accepts it in theme.liquid or inside a custom Liquid block. Webflow and Wix both have a 'custom code' or 'embed' option in their site settings.
Does the widget slow down my site?
No, not in any meaningful way. The snippet is a single anchor tag with inline CSS, so there is no external script to fetch and no extra request. It adds maybe a few hundred bytes to the page.
Can I customize the color, position, and label?
Yes. The form lets you set the button color, choose bottom-right or bottom-left, and write the button label and welcome message. The generated snippet uses inline styles, so you can also edit the colors and padding directly if you want a more custom look.
Will it work on both Personal and WhatsApp Business numbers?
Yes. The widget points at a wa.me link, which opens whichever WhatsApp account is registered to that phone number. Personal, Business App, and Business API all work.
How is the widget different from a wa.me chat link?
The widget is the floating button on your site. It is built on top of a wa.me chat link: the link is the URL, and the widget is the visible button that fires it.
Does it work on mobile?
Yes. On phones, the button stays pinned to the bottom corner so it is at thumb height, and clicking it opens the WhatsApp app directly instead of WhatsApp Web. iOS, Android, and desktop browsers all work.
Can I track clicks on the widget?
Not directly from this tool. To track clicks, route the link through a short-link service like Bitly or Rebrandly, or trigger a Google Analytics event in the onclick handler. Eazybe captures the inbound WhatsApp chat itself and writes the page it came from back to your CRM, which is usually what you actually want to know.
Can I show the widget only on certain pages?
Yes. Drop the snippet only on the pages where you want it. On WordPress, put it inside a per-page Custom HTML block or wrap it in a PHP conditional in the theme footer. On Shopify, use a Liquid {% if template == 'product' %} block. The snippet is plain HTML, so any conditional that gates HTML output also gates the widget.
Will it conflict with Intercom, Drift, or another live chat tool?
They share the same corner of the screen, so two widgets fight for the same spot. The fix is to move one of them. Either switch the WhatsApp widget to bottom-left, or bump bottom:24px to bottom:96px so it sits above the existing chat bubble. If you only need WhatsApp inbound, removing the other tool is usually simpler.
Do I need a cookie banner or GDPR consent for it?
The widget itself sets no cookies and calls no tracking script, so it does not by itself trigger a consent banner. Once the customer clicks and opens WhatsApp, that conversation falls under your privacy policy and Meta's, same as any other inbound message. If you route through Bitly or another shortener for tracking, that shortener may set cookies — check with your DPO before adding it.
How do I add it to a Next.js, React, or Vue app?
The snippet is plain HTML, so it goes wherever your framework lets you output raw HTML. In Next.js, drop it into app/layout.tsx or _document.tsx. In React or Vue, paste the JSX or template equivalent, or just put the raw HTML in public/index.html. Nothing about it is framework-specific.
Ready For More?
Want More Than Just A Widget?
Eazybe captures every inbound WhatsApp chat into your CRM. The lead gets scored before your reps see it, and our AI keeps the conversation going when nobody is online. Works with HubSpot, Salesforce, and Zoho.
7-day free trial · No credit card required · Cancel anytime