How to use WhatsApp buttons on a business website
A chat button that opens WhatsApp with the right question already typed turns a quiet website visit into a real enquiry.
Almost every South African customer already lives on WhatsApp. They would far rather send a quick message than fill in a form or sit on a call, so putting a proper chat button on your site removes the biggest bit of friction between a visitor and an enquiry. The trick is doing it in a way that actually gets used, and does not leave you drowning in vague "hi" messages.
Use a click-to-chat link, not a number to copy
The button should open a chat, not make people save your number first. The link takes the format https://wa.me/27XXXXXXXXX, using your number in international format, no plus sign and no spaces. On mobile that opens the app straight away, on desktop it opens WhatsApp Web. That single step, tapping and landing in a ready chat, is the whole point.
Pre-fill the message so you know why they came
This is the part most sites skip. You can add text to the link that fills in the first message for the visitor, so a tap from your bakery's cake page can pre-load "Hi, I would like to ask about a custom cake." Now you open the chat already knowing what it is about, and the customer did not have to think of what to say.
Match the pre-filled text to the page it sits on. A quote request from a plumbing page and an order question from a menu page should not open the same generic message.
Put it where the decision happens
One floating green circle in the corner is fine, but it is not enough on its own. Place a clear button:
- In the header or hero, so it is visible the second the page loads.
- Next to each service or product, where the question actually forms.
- On the contact page, alongside your phone number and hours.
- Near the bottom of long pages, so nobody has to scroll back up.
Label it so people know what they are getting. "Chat to us on WhatsApp" or "Message us for a quote" beats a bare icon that leaves them unsure whether they are starting an order, a booking, or a support query.
Set expectations so it stays useful
A chat button implies a quick reply. If you cannot answer within a few hours, say so near it: "We reply here, usually within the hour, weekdays 8 to 5." That one line manages expectations and stops people feeling ignored when you are simply asleep. If messages pile up, the Business app lets you set a greeting and an away message, which is worth turning on.
Mind the practical bits
- Use the WhatsApp Business app, not your personal number, so work and life stay separate and you get the away messages and quick replies.
- Test the link on a real phone before you trust it. A wrong digit or a stray space and it silently fails.
- Do not make it the only way to reach you. Some people still prefer a form or a call, so keep those too.
- Do not auto-pop a chat window over the whole screen on load. It is the same annoyance as a pop-up, just greener.
When it is worth building in properly
For a lot of small businesses, a well-placed chat button plus a simple contact form is the whole enquiry system, and it fits neatly into a starter site. If you are taking appointments, though, a raw chat can turn into a lot of back-and-forth about times, and a proper booking system that shows real availability saves everyone the ten-message negotiation.
Done right, this is one of the highest-return things you can add to a small-business site. It meets people where they already are, tells you why each person is messaging, and turns a passing visit into a conversation. If you want yours set up so the messages arrive with useful context, send me a message.