Add a WhatsApp button to your site

WhatsApp Chat Widget for Website: Add a Chat Button That Turns Visitors Into Leads

Put a floating WhatsApp chat button on any page, catch visitors the moment they want to talk, and work every conversation from one shared inbox. The button is the easy part. The platform behind it greets, qualifies, routes, and follows up.

Start free See how it works →

Official WhatsApp Cloud API. Works on any site. No unofficial bots.

Chat with us on WhatsApp

Typically replies in minutes

Hi! Have a question about pricing or a demo? Tap send and we will get right back to you.

Yes, does this work for a US team of 12?

It does. Sending you a quick overview now, and a rep will jump in.

Visitor captured · routed to sales

💬 WhatsApp

✓ Floating button on every page, one snippet

✓ Auto-greet, then route to the right agent

✓ Every chat saved to one shared inbox

The short answer

A WhatsApp chat widget is a floating button you add to your website that opens a WhatsApp conversation with your business when a visitor taps it. You add it by dropping one snippet of code into your site, or a plugin on WordPress and Shopify, and the button appears in the corner of every page. The button itself is simple. What decides whether it grows revenue is the system behind it: WaBulkSend catches each visitor on the official WhatsApp Cloud API, greets them with an auto-reply, routes the chat to the right agent in a shared inbox, and lets you follow up later. That turns a static contact button into a working lead channel.

Last updated July 2026.

What a WhatsApp chat widget is

A WhatsApp chat widget is a small button, usually pinned to the bottom-right corner of your pages, that opens WhatsApp when a visitor clicks it. On desktop it opens WhatsApp Web, on a phone it opens the app, and the visitor lands in a chat with your number, often with a first message already typed in. It is the on-site version of the click-to-chat link, made visible and always within reach while someone browses.

Under the hood there are two layers, and mixing them up is where most businesses go wrong. The first layer is the button: a bit of HTML or a plugin that any free tool can generate in two minutes. The second layer is what happens after the tap. A visitor who messages you at 9pm, or while three other people message at once, is only worth something if a real system greets them, keeps the thread, and gets it to a person who can answer. The button is a commodity. The conversation handling is the product.

That is the difference between a plugin that drops a link on your site and a platform like WaBulkSend. You still get the button, and it still works on any website. But every chat it starts flows into the official WhatsApp Cloud API, so you can auto-reply instantly, assign the chat, tag the visitor, and follow up without breaking WhatsApp rules or losing history when your phone restarts.

How to add a WhatsApp chat widget to your website

The same five steps whether your site is custom HTML, WordPress, or Shopify.

Connect your WhatsApp number

Link a business number to the official Cloud API. This is the number the button opens a chat with, and the one your team replies from inside the shared inbox.

Set the greeting and pre-filled message

Write the first line the visitor sees and the message that is typed in for them, such as "Hi, I have a question about pricing." A clear prompt lifts how many people actually hit send.

Style and place the button

Pick the color, position, and label, and choose which pages it shows on. Put it on high-intent pages like pricing and demo first, and keep it clear of cookie banners and checkout buttons.

Paste one snippet, or install the plugin

Drop the code into your site footer once and it appears site-wide. On WordPress use a headers-and-footers plugin, on Shopify add it to the theme, on a custom site paste it before the closing body tag.

Route, auto-reply, and follow up

Set an instant auto-reply so nobody waits, assign chats to the right agent, and tag visitors so you can send opt-in follow-up later. This is what turns taps into booked calls and sales.

Always test the button on both a phone and a desktop after you install it. On mobile it should open the WhatsApp app, and on desktop it should open WhatsApp Web, with your greeting ready to send.

A free button vs a managed chat platform

A free widget plugin gets a button on your page. A platform handles what happens after the tap, which is where the revenue is. Here is the honest split.

What you need	Free widget plugin	WaBulkSend
Floating button on your site	Yes	Yes
Instant auto-reply	No, opens the app only	Yes, greets in seconds
Multiple agents on one number	No, one phone	Yes, shared inbox with routing
Chat history that survives	Tied to one device	Stored on the Cloud API
Opt-in follow-up later	Manual, one by one	Scheduled campaigns to opted-in contacts
Tagging and source attribution	No	Yes, tag and segment every visitor
Stays inside WhatsApp rules	Depends on the tool	Official Cloud API, opt-in first

If all you want is a link on your site, a free plugin is fine. The moment two people message at once, or you want to greet, route, and follow up, you need the layer underneath. That is exactly what the shared team inbox gives you.

What the widget does once a visitor taps it

⚡

Instant auto-reply

Greet every visitor the second they message, day or night, so nobody bounces waiting for a human.

👥

Shared team inbox

Route each chat to the right agent with full history attached, so no thread is missed or double-answered.

📱

Works on any site

One snippet for custom HTML, a plugin for WordPress, a theme block for Shopify. It shows on mobile and desktop.

🎨

Styled to your brand

Set the color, position, label, and which pages the button appears on, so it fits the site instead of fighting it.

📤

Opt-in follow-up

Tag visitors who chat and send scheduled follow-up campaigns to the ones who opted in and need more time.

📊

Source attribution

See which page and campaign produced each chat, so you know where your best conversations come from.

Where a WhatsApp chat button earns its keep

💰

Pricing and demo pages

Catch high-intent visitors at the exact moment they hesitate, answer the blocking question, and route to sales.

🛍

Product and checkout

Answer sizing, stock, and shipping questions in chat before a shopper abandons the cart over a small doubt.

🏦

Service and support

Give customers a faster path than a ticket form, and keep the whole thread in one inbox for the next agent.

📅

Booking and appointments

Let visitors ask about availability and book in chat, then send a reminder later through an opt-in follow-up.

🏠

Real estate and services

Turn listing and quote pages into conversations, qualify the request, and hand off to the right person.

🌐

Landing pages and ads

Pair the widget with paid traffic so a click becomes a chat instead of a form nobody fills out.

A chat widget is one of several entry points into WhatsApp. Pair it with a wa.me link, a QR code, and paid ads for full coverage. See how they fit together in WhatsApp lead generation.

WhatsApp chat widget questions, answered

How do I add a WhatsApp chat widget to my website?

You add a WhatsApp chat widget by connecting a business number, setting a greeting and pre-filled message, then pasting one snippet of code into your site footer. The floating button appears site-wide. On WordPress you can use a headers-and-footers plugin, on Shopify you add it to the theme, and on a custom site you paste the code before the closing body tag. Always test it on both mobile and desktop after install.

What is a WhatsApp chat widget?

A WhatsApp chat widget is a floating button on your website that opens a WhatsApp conversation with your business when a visitor taps it. On a phone it opens the app, on desktop it opens WhatsApp Web, usually with a first message pre-filled. It is the on-site, always-visible version of a click-to-chat link, giving visitors a one-tap way to start talking to you.

Is a WhatsApp chat widget free?

The button itself is free to create, since it is just a link that opens WhatsApp. Many plugins hand you that code at no cost. What is not free is handling the conversations at scale: instant auto-reply, multiple agents on one number, saved history, and opt-in follow-up. Those run on the official Cloud API, which is where a managed platform earns its keep over a bare button.

How do I add a WhatsApp button to WordPress?

To add a WhatsApp button to WordPress, install a headers-and-footers plugin, then paste the widget snippet into the footer script box and save. The button appears on every page without editing your theme files. You can also use a dedicated WhatsApp plugin, but the headers-and-footers method keeps the code in one place and survives theme updates.

Can I add a WhatsApp chat widget to Shopify?

Yes. You add a WhatsApp chat widget to Shopify by pasting the snippet into your theme, usually in the theme.liquid file before the closing body tag, or through a section in the theme editor. The floating button then shows across your storefront. Place it so it does not cover the cart or checkout button, and test it on a phone since most Shopify traffic is mobile.

Does a WhatsApp chat widget work on mobile?

Yes, and mobile is where it works best. On a phone the button opens the WhatsApp app directly with your greeting pre-filled, so the visitor only has to hit send. On desktop it opens WhatsApp Web or prompts to open the app. Because most website traffic is mobile, a visible chat button often gets more use than a contact form.

What is the difference between a WhatsApp widget and the WhatsApp Business API?

The widget is the button on your site that starts a chat. The WhatsApp Business API, or Cloud API, is the connection that lets software send auto-replies, route chats to a shared inbox, store history, and run follow-up campaigns. A free widget can open a chat, but only the API layer lets a team manage those chats at volume without breaking WhatsApp rules.

Add the button, keep the conversations

Put a WhatsApp chat widget on your site in minutes, then greet, route, and follow up from one shared inbox on the official Cloud API. Start free, no credit card required.

Start free