How to Add a WhatsApp Chat Button to Your Website and Turn Visitors Into Leads
Think about the last time you visited a small business website with a question. Did you fill in a contact form and wait for an email? Or did you look for a phone number or a WhatsApp button?
For many Indian customers the answer is WhatsApp. It is already on their phone, it needs no login and the conversation stays in a place they check every day. A contact form asks the visitor to wait. A WhatsApp button lets them start talking in one tap.
This guide shows you how to add a WhatsApp chat button to your website, how to write the pre-filled message so it helps you, and how to turn those chats into tracked leads instead of a scattered pile of messages on someone's phone.
Why a WhatsApp Button Works Better Than a Form
A form asks a stranger to type their name, number, email and message before they get anything back. A WhatsApp button asks for one tap. Your number and the customer's number are already known to the app, so there is nothing to type.
It also moves the conversation to a channel where you can reply quickly, send photos, share a price list or a location pin, and follow up later. We cannot promise a specific increase in enquiries, because it depends on your site and audience. But the friction is clearly lower, and you can measure the difference yourself, as we explain below.
Option 1: A Simple Click-to-Chat Link
The easiest method needs no software. WhatsApp supports a link in this format:
**https://wa.me/91XXXXXXXXXX?text=Hello**
Replace the Xs with your number in international format. For India that means 91 followed by the ten-digit number, with no plus sign, spaces or leading zero. The text after "text=" is the message that appears pre-filled in the customer's chat box. Spaces and special characters in it must be URL-encoded, for example %20 for a space.
You can place this link on a button, an image or a line of text. Our guide to WhatsApp click-to-chat links and QR codes covers the format in more detail, and you can build one without hand-coding using the free WhatsApp chat button generator.
Option 2: A Floating Button on Every Page
Most businesses prefer a round green button fixed to the bottom corner of the screen, visible on every page. It is usually a small piece of HTML and CSS that wraps the same wa.me link, or a snippet you paste into your site's footer. Several website builders also have a WhatsApp or chat plugin that does this for you.
Keep these points in mind:
Place it bottom-right on desktop and mobile. That is where people expect chat buttons.
Do not cover other buttons. Check that it does not hide your cookie banner, call-to-action or checkout button on small screens.
Make the tap target large enough. A small icon is hard to hit on a phone.
Add a short label. "Chat with us" or "Ask on WhatsApp" tells people what will happen.
Option 3: A Website Chat Widget With a Chatbot
A plain link opens the WhatsApp app, which is fine for visitors on a phone. On a desktop, it may open WhatsApp Web or ask the visitor to install something. Some visitors would rather type a quick question on the page itself.
A website chat widget lets visitors chat without leaving your site, and the conversation reaches the same team inbox as your WhatsApp, Instagram and Facebook messages. You can also connect an AI chatbot to answer common questions and collect the visitor's details first. This is helpful for businesses that get a lot of enquiries outside office hours, such as coaching classes, clinics and salons.
Write a Pre-Filled Message That Helps You
The pre-filled text is your most underused tool. It should tell you where the visitor came from and what they want, so that your team does not have to ask.
Compare these two messages:
Weak: "Hi"
Better: "Hi, I am interested in the 1.5 ton split air conditioner I saw on your website. Is it available?"
If you have separate pages for different products or services, give each page its own link with a matching message. A salon's hair-colour page might pre-fill "Hi, I would like to book a hair colour appointment", while the bridal page pre-fills a different line. Your staff immediately know what the customer wants, and your replies can be faster and more relevant.
The visitor can edit the text before sending, so keep it friendly and natural. Do not write a long paragraph.
Set Up an Instant Reply
The weakest part of most WhatsApp buttons is the wait. A visitor taps, sends a message and then hears nothing for two hours. By then they have messaged your competitor.
Because the visitor starts the chat, you can reply for free within the 24-hour customer service window. Set up a greeting that arrives instantly and sets expectations: who you are, your working hours and a couple of quick options. Our guide to greeting messages, away messages and quick replies has examples you can copy.
For businesses with high volume, auto-reply triggers can respond to keywords such as "price", "catalogue" or "appointment", and route the chat to the right team member.
Track Which Pages Bring in Leads
A WhatsApp button is only useful if you know whether it works. Three simple methods:
Use different pre-filled messages per page. Include the page or product name in the text. When you read the chat, you will see the source.
Use a tag at the start. Tag the contact in your inbox as "website" and add a tag for the product or service. Later, you can count how many chats came from your website.
Track the button click in your analytics tool. Many analytics tools can count clicks on a link. A click is not a lead, but the ratio of clicks to real conversations tells you how many visitors follow through.
Do not trust one-day numbers. Look at a few weeks of data before you decide whether a page is working.
The real danger of a WhatsApp button is success. If ten enquiries a day arrive on one person's phone, some will be missed. The phone gets lost, the employee leaves or two staff answer the same customer differently.
Moving to a shared inbox solves this. Every chat is visible to the team, can be assigned to a person, tagged by interest and followed up. See how to share one WhatsApp number with your team for the options. If you want to go further, our WhatsApp lead generation guide shows how to move enquiries through a simple pipeline.
Common Mistakes
Using the wrong number format. A leading zero, a plus sign or spaces will break the link. Always test it on your own phone.
Linking to a personal number. Use your business number, ideally one that a team can access.
Showing the button but not replying. Decide who watches the chats and during what hours, and say so in your greeting.
One generic message for every page. Use specific text where possible.
Never testing on mobile. Check on both Android and iPhone, and on desktop.
Treating a chat as permission to broadcast. A visitor who messages you has started a conversation, so you can reply about their enquiry. That does not mean they agreed to promotional broadcasts. Ask clearly, and read our guide to WhatsApp opt-in and data privacy.
Frequently Asked Questions
Is it free to add a WhatsApp button to my website? The wa.me link itself is free. Costs depend on how you manage the conversations afterwards and on Meta's charges for messages that you start. See our pricing page for plans.
Will the button work on desktop? Yes, it usually opens WhatsApp Web or the desktop app, though the experience is smoother on a phone.
Can I use the same number as my WhatsApp Business app? For the API you need a number that is not already registered on a regular WhatsApp account, unless you migrate it first. Read our phone number requirements guide.
Can I show different buttons for different teams? Yes. Use different links or pre-filled messages for sales, support and bookings, and route the chats to the right people.
Final Thoughts
A WhatsApp button is one of the cheapest changes you can make to a website. Add the link today, write a specific pre-filled message for each key page and make sure someone is ready to reply. Then move the chats into a shared inbox so that nothing slips through. Measure it for a few weeks, and improve one thing at a time.