💬 WhatsApp API @ Best Rate | Zero Setup Fee → 99.9% Uptime OTP Delivery — Try FREE Demo! 🏆 10,000+ Registered Businesses — 2,000+ Enterprise Clients Served 🚀 API Integration in Under 5 Minutes 🏅 Verified Business Badge with RCS Messaging 💬 WhatsApp API @ Best Rate | Zero Setup Fee → 99.9% Uptime OTP Delivery — Try FREE Demo! 🏆 10,000+ Registered Businesses — 2,000+ Enterprise Clients Served 🚀 API Integration in Under 5 Minutes 🏅 Verified Business Badge with RCS Messaging
DLT Registration Developers Api's
Talk to Sales: India 1800 102 1822
bulk sms call
LoginSign Up Free

WhatsApp Chat Widget Generator

Add a WhatsApp chat button to your website in two minutes. Choose the number, message, colour and position, watch the live preview, then copy one small snippet that loads nothing from other servers.

Live previewGreeting bubbleQuick repliesNo external scripts

Quick Answer

A WhatsApp chat widget is a floating button on your website that opens a chat with your business on WhatsApp, optionally with a greeting, quick replies and a pre-filled message. Set your number and style below, check the live preview, then paste the generated code just before the closing body tag of your site.

Design your WhatsApp button

Position

Live preview

Click the button in the preview to try it.

Your code

Paste it just before </body> on every page, or once in a site-wide footer or custom-code setting (WordPress, Wix, Shopify, Webflow).

Click-to-chat link and QR code

Test link
Want auto-replies, a chatbot and broadcasts? WhatsApp Business API with green-tick help.Get free trial

How to add a WhatsApp button to your website

  1. Enter your number

    Add the country code and the WhatsApp or WhatsApp Business number that should receive chats.

  2. Style the button

    Set the text, colour, size, position, greeting and quick replies. The preview updates as you type.

  3. Copy the code

    Click Copy code. The snippet is plain HTML, CSS and JavaScript with no external files.

  4. Paste it on your site

    Paste it before the closing body tag or in a site-wide footer, publish, and test the button on a phone.

Chat button or chat widget?

Chat button onlyChat widget (panel first)
What the visitor seesA floating WhatsApp buttonA small panel with your name, greeting and quick replies
Clicks to start a chatOneTwo (open panel, then start chat or pick a quick reply)
Best forSimple sites, fastest path to chatSales and support teams that want better first messages

Untick "Open a chat panel first" above to get the button-only version.

Why add WhatsApp chat to your website

More enquiries

Visitors message you in the app they already use, instead of filling a form.

Works everywhere

Opens the WhatsApp app on phones and WhatsApp Web on computers.

Lightweight and private

No external scripts, fonts or trackers - nothing slows your site down.

Better first messages

Pre-filled text and quick replies tell your team what the visitor wants.

Related tools & services

WhatsApp Link Generator →

wa.me link and QR code.

WhatsApp Business API →

Official API with green-tick help.

WhatsApp Pricing →

Conversation rates in India.

WhatsApp Chatbot →

Answer chats automatically.

UTM Link Builder →

Track every campaign link.

API Developer Hub →

Docs and code samples.

Frequently Asked Questions

Yes. The generator and the code are free, with no sign-up and no monthly fee. The widget opens a normal WhatsApp chat with your number.

No. The code is a few kilobytes of plain HTML, CSS and JavaScript with no external files, fonts or trackers, so it loads instantly and works with any website.

Paste it just before the closing body tag of your pages, or once in a site-wide footer. In WordPress use a footer code or custom HTML option; in Wix, Shopify or Webflow use the custom code setting.

Yes. The button opens a chat with any WhatsApp or WhatsApp Business number. For automatic replies, a chatbot, several agents or broadcasts, use the WhatsApp Business API.

Yes. On phones the link opens the WhatsApp app; on computers it opens WhatsApp Web or the desktop app. The button and panel resize for small screens.

Yes. Untick the credit option before you copy the code. Keeping it is a kind way to help others find this free tool.

Turn website chats into customers

Reply faster with the WhatsApp Business API: shared inbox, chatbot, templates and broadcasts.

Get free trialTalk to an expert