The WhatsApp button for website visitors: from icon to lead machine

A WhatsApp button for website visitors turns into a lead machine when it does three things: it appears where people hesitate, it opens the chat with clear context, and every tap gets an instant reply that ends as a qualified lead in your CRM. The green icon in the corner is only the doorway. What turns a tap into a customer is everything that happens after it.

What is a WhatsApp button for website visitors?

It is a link that opens a chat with your business number straight from your site. On a phone it opens the WhatsApp app; on a computer it opens WhatsApp Web or the desktop app.

The link can also carry a pre-filled message, so the visitor only has to press send. From that moment you have their number and an open conversation, and because they wrote first, you can reply freely within the customer service window their message opens.

The button works with the WhatsApp Business app and with Meta’s official WhatsApp Business Platform. The difference starts after the tap: with the app, the message lands on one phone; with the platform, it can reach a bot, a shared team inbox and your CRM at once.

Why do most WhatsApp buttons bring so few leads?

Because they end on someone’s busy phone. The visitor taps, types “hi” and waits, while a competitor’s site loads in the next tab.

The same reasons come up in almost every business:

• Messages land on a personal phone, between family groups and supplier chats
• Nobody answers in the evening or at the weekend, when many people browse
• A bare “hi” arrives with no clue about the page or the need
• The chat is never logged, so a week later nobody remembers it
• There is no way to tell how many enquiries the button brought, or from which pages

None of these is a problem with the button itself. They all happen after the click.

Where should you place the button?

Wherever a visitor might hesitate, not only in the corner of the screen. A floating button is useful, but a button next to the question the visitor is quietly asking invites more conversations.

On service and product pages

Someone reading about a specific treatment or product is already interested. A button labelled “Ask us about this on WhatsApp” turns that interest into a conversation.

Next to your packages or plans

This is where questions pile up: what is included, which option fits. A line like “Not sure which plan suits you? Message us” meets the visitor at exactly that moment.

At the end of articles and guides

A reader who reaches the end of a long guide is a serious reader. Let them continue the conversation from where they stopped.

One more detail: words beat icons. “Get a quote on WhatsApp” tells the visitor what will happen. A green logo only tells them you have WhatsApp.

What should the pre-filled message say?

One short sentence that says where the visitor came from and what they want. They do not have to think about what to write, and you know straight away what the chat is about.

A few examples:

• A dental clinic, on its whitening page: “Hi, I’d like to know more about teeth whitening”
• A rental agency, on a listing: “Hi, I’m interested in the two bedroom apartment near the station”
• An office cleaning company: “Hi, I’d like a quote for regular office cleaning”
• An online fashion store, on a product page: “Hi, I have a question about sizing for the linen dress”

This sentence does two jobs. It gives your bot context, so the first reply is already on topic, and it acts as a source tag, so your CRM shows which page each lead came from. Write it the way a customer would; a strange code in brackets looks suspicious, and people delete it.

What should happen in the seconds after the tap?

An instant, personal and useful reply that leads to a clear next step. This is the part that turns an ordinary button into a lead machine:

1. Greet instantly. The bot replies within seconds, introduces itself as the business’s digital assistant and confirms the topic.
2. Ask two or three questions. Only what you need to help: which service, which area, what timing.
3. Give something useful. An answer to the common question, photos of similar work or open appointment slots.
4. Offer a clear next step. Book a slot, request a call or ask for a quote.
5. Hand over with context. When a person is needed, they receive the whole conversation and never ask the same questions twice.
6. Log it in the CRM. The lead is created with name, number, source page and answers, and it gets an owner.

You cannot build these steps inside the app on one phone. You need the official platform, a bot and a system that receives the leads. Our guide to connecting your website, WhatsApp and CRM explains how the pieces fit together.

Example: a rental agency with a button on every listing

It is Sunday evening. Someone browsing a rental agency’s website opens a listing for a two bedroom apartment. Under the photos there is a button: “Ask about this apartment on WhatsApp”. They tap it, the message is already written, and they send it.

The bot answers right away. It checks the listing system to confirm the apartment is still available, asks about the move date and pets, and offers a few viewing slots. They choose Tuesday after work.

On Monday morning the listing’s agent finds a booked viewing in the CRM, with all the answers. Same website, same green button. This time someone answered.

How do you measure what the button brings in?

Measure each stage on its own: taps, conversations started, qualified leads and deals. Each lives in a different place, and together they tell the full story.

Track taps as an event in your website analytics; not every tap becomes a message, because some visitors change their mind. Conversations show up in the platform. Leads and deals live in the CRM, tagged with the source page.

Once the numbers sit side by side, patterns appear. A page with plenty of taps but few conversations often has a confusing pre-filled message, while an old article may turn out to bring excellent leads.

Design, speed and accessibility

Small details decide whether the button helps or gets in the way:

• On mobile, a floating button never covers the add to cart button, the accessibility menu or key text
• It has a label that screen readers understand, not just an icon
• The code is light, with no heavy plugin slowing the site down
• On desktop there is a QR code or a form as well, since not everyone has WhatsApp open on their computer
• A short line sets expectations: the bot answers right away, the team replies during opening hours

Does someone who messages you agree to marketing?

No. They started a conversation, and you may reply within the customer service window, but permission to send them updates and offers is a separate thing.

To contact them later on your own initiative, you need their clear opt-in to receive WhatsApp messages from you, plus an approved message template. The simplest way is to ask inside the chat, with a button: “Would you like updates and offers from us on WhatsApp?” Agreement is stored in the CRM with a date; everyone else still gets full service.

Checklist: a WhatsApp button that works

• The button appears on service pages, next to your plans and on the contact page
• Each key page has its own pre-filled message
• Every tap gets an instant reply, including at night and at weekends
• Handover to a person includes the full context
• Each conversation becomes a CRM lead with its source page
• You track taps, conversations, leads and deals
• Marketing consent is asked for and stored separately

From icon to conversation

A WhatsApp button for website visitors is one of the easiest things to add and one of the easiest to waste. Whether it brings customers depends on the instant reply, the context and the follow-up behind it. If you want to know why people would rather chat than fill in a form, read our piece on conversational marketing. For why every minute of waiting costs you, see speed to lead.

At Kaede Digital we build what happens after the tap: a WhatsApp bot for your business on the official platform, a shared inbox for your team and a full connection to your CRM. That is when the green button stops being decoration and starts working.

FAQ

Do I need the WhatsApp Business API to add a button to my website?

No. A basic button works with the WhatsApp Business app, and messages simply arrive on the phone. To have a bot reply instantly, let several people work from the same number and send chats into your CRM, you need the WhatsApp Business Platform, the official API.

Should a WhatsApp button replace my contact form?

Keep both, on the contact page side by side. Some customers prefer to chat, while others prefer a form, especially at a work computer. When both channels feed the same CRM, every lead gets the same follow-up wherever it came from.

How can I tell which page a WhatsApp lead came from?

Give each important page its own pre-filled message. The bot recognises the message and saves the source page in the CRM, so you can see which pages bring conversations and deals. Track the taps themselves in your website analytics as well.

What happens if someone taps the button at 2am?

With a bot, they get an instant reply: answers to common questions, open slots or a call back request. The lead waits in the CRM for your team in the morning. Without a bot, the message waits, and the customer usually does not.