WhatsApp button on your website: the pre-filled message, where to put it and how to track it

A WhatsApp button on your website actually works when it opens the chat with a message already written, sits where people decide to reach out, and lets you count how many leads come through it. The floating green button that opens an empty chat is better than nothing, but it leaves three problems unsolved: the customer doesn't know what to say, you don't know what they were looking at, and nobody knows whether the website brings in business.

If your customers mostly use texts or iMessage rather than WhatsApp, the same ideas apply to a text or call button. Here are the three decisions that change the result, in the order worth making them.

The pre-filled message: all they have to do is hit send

A WhatsApp link can carry text inside it. When someone taps the button, the chat opens with that text already typed, and they just send it (or edit it first). It sounds like a small thing, but it removes the most awkward part: starting the conversation.

The message should sound like your customer wrote it and include what you need to know to give a useful answer. Compare:

Empty chat: they type “hi”, you reply “hi, how can I help?”, and only then does the real conversation begin.

Pre-filled: “Hi! I saw the dog grooming service on your website and I'd like to book an appointment.” You already know what they want and can reply with open slots.

Even better, give each page its own message. The grooming page talks about grooming, the vaccinations page talks about vaccines. That's what makes tracking possible later.

Where to put it so people actually use it

A floating button in the corner is fine as a backup, but most inquiries come from buttons placed right where the person has made up their mind:

• At the top of the homepage, as the main action, if WhatsApp is your strongest channel.
• At the end of every service or product page, after people have read what you do. This spot tends to work hardest, because anyone who got there is already interested.
• Next to each product in a catalog, with the product name in the message, so you never have to ask “which one?”.
• On the contact page, alongside your phone, email and hours.
• Big and easy to tap on mobile. Most WhatsApp inquiries start on a phone, so the button shouldn't be hidden or so small people have to zoom in.

How to tell how many leads your website brings in

This is the part almost nobody sets up, which is why so many owners feel their website “doesn't work” without any way to check. There are two simple ways to measure it, and it's worth using both.

Count the taps. The website can record every time someone taps the WhatsApp button, which page they were on and whether they came from Google, Instagram or an ad. That shows you which pages spark interest.

Recognize the messages. Since each page has its own pre-filled message, when someone writes “Hi! I saw the … service on your website”, you know it came from the site and from which page. Count those at the end of the month and you have the real number. Comparing taps with messages also tells you how many people opened the chat and changed their minds.

With those two numbers you can make real decisions: which service to feature, which page needs work, and whether an ad is bringing in people who write or just visits. More ideas in how to measure website results.

Common WhatsApp button mistakes

After the button comes the reply

The button brings in the inquiry. The sale depends on how fast and how well you reply. WhatsApp Business quick replies help with the questions you get every day. If your business already handles bookings, orders or quotes in a system, messages can also go out from there with the text ready, as I explained in WhatsApp integration for business.

And if some of your customers like to write in more detail, a short form still has its place. There's a guide on contact forms that get filled.

Frequently asked questions