How Do I Add WhatsApp Chat to My Business Website?
A click-to-chat link needs no plugin. The exact wa.me format, how to pre-fill messages for free attribution, and why tracking the click matters.
How to add a WhatsApp button to a South African business website properly, including tracking and pre-filled messages.
TL;DR: Quick Answer
A click-to-chat link needs no plugin. The exact wa.me format, how to pre-fill messages for free attribution, and why tracking the click matters.
Key takeaways
- Very cheap quotes (under R5,000) almost always exclude copywriting, SEO, custom design and post-launch support
- Professional copywriting can represent 20-35% of a total website project cost, and is worth it for search visibility
- On-page SEO built into the website at launch costs a fraction of what it costs to retrofit after the site is live
- Hosting, SSL, domain and maintenance add R3,000-R10,000 per year on top of build cost
- E-commerce adds significant cost due to payment gateway integrations, product data, security requirements and checkout UX
- Timeline and client responsiveness directly affect cost: slow feedback rounds extend agency hours
For South African businesses this is one of the highest-return changes you can make to a website. A great many local buyers would rather send a WhatsApp than fill in a form, and the ones who would rather message you will often not enquire at all if messaging is not offered.
No plugin is strictly necessary.
The link format
WhatsApp's click-to-chat link is simply:
https://wa.me/27821234567
The number is in international format with the country code, no plus sign, no spaces, no leading zero. A South African number written 082 123 4567 becomes 27821234567.
That is the whole mechanism. It opens WhatsApp on mobile and WhatsApp Web on desktop.
Pre-fill the message
Add ?text= with URL-encoded text:
https://wa.me/27821234567?text=Hi%2C%20I%27m%20enquiring%20about%20geyser%20replacement
This does two useful things. It lowers the effort for the visitor, who no longer has to work out what to say. And it tells you which page produced the conversation, which is free attribution you would otherwise have to build.
Use a different pre-filled message per page or product. When "Hi, I'm enquiring about the Centurion service" arrives, you know exactly what worked.
Where to put it
Header, next to the phone number, on every page.
Floating button on mobile, bottom right, visible while scrolling. This is where most of the clicks come from.
Next to every form, as an alternative rather than a replacement. Some people want a form; give them both.
On product or service pages, with a message pre-filled for that item.
Keep the label explicit. "WhatsApp us" outperforms a bare icon, because not everyone recognises what an icon will do before tapping it.
Track the clicks, or the page looks dead
This is the step most often missed, and it distorts everything downstream.
If you do not track WhatsApp clicks, every WhatsApp enquiry is invisible in analytics. The page appears to convert nothing, and you may end up rebuilding a page that was working perfectly.
Set the WhatsApp click as a key event in GA4, alongside form submissions and clicks on your tel: link. Then your conversion rate reflects reality.
Plugin or plain link?
| Plain link | Chat widget plugin |
|---|---|
| No third-party script | Adds page weight |
| Fastest | Slower |
| Works everywhere | Occasional conflicts |
| No business-hours logic | Can hide outside hours |
| One number | Multiple agents or departments |
Start with the plain link. Move to a plugin only if you specifically need business-hours scheduling or routing between several people.
The part that decides whether it works
Answering. A WhatsApp button that nobody monitors is worse than no button, because the visitor believes they have made contact and you have lost them silently.
Use the free WhatsApp Business app so you get a business profile, quick replies, an away message and labels for organising enquiries. Set an away message with realistic hours rather than promising an instant reply you cannot deliver.
Reply within minutes during business hours. Speed of reply converts South African enquiries more reliably than almost anything on the website itself.
Juicy Designs sets this up with tracking on every site. See web design and WhatsApp marketing. Related: the Business app vs the API and email vs WhatsApp.
Frequently asked questions
How do I add WhatsApp chat to my website?
Use a click-to-chat link in the format https://wa.me/27821234567 with your number in international format and no plus sign or spaces. Put it on a button in the header and a floating button on mobile. No plugin is strictly necessary.
Do I need the WhatsApp Business API for a chat button?
No. Click-to-chat works with the free WhatsApp Business app. The API is only needed for bulk outbound messaging and automation, which is a different job.
Can I pre-fill the message?
Yes, by adding ?text= followed by URL-encoded text. Pre-filling with the page or product name tells you which page produced the conversation, which is free attribution.
Does a WhatsApp button hurt my website's conversion tracking?
Only if you do not track it. Set the click as a conversion event in analytics, otherwise every WhatsApp enquiry is invisible and the page looks like it converts nothing.
Should I use a chat widget plugin instead?
Only if you want extra features such as scheduling by business hours or multiple agents. A plain link is faster, adds no third-party script, and works everywhere.