How to Add WhatsApp to Your Website Properly

Your customers would rather send a WhatsApp than fill in a form, so you want WhatsApp on your site, done properly rather than a button pasted in the footer. If you are working out how to create a WhatsApp business website setup, the right answer for most small businesses is a free click-to-chat link with a pre-filled message, placed on your highest-intent pages and pointing to a number someone actually answers. The paid WhatsApp Business API is for teams and high volume, not a default upgrade.

This is about building WhatsApp into your website, not logging into WhatsApp Web. Here is the setup, the South African number format most guides get wrong, and the one rule that matters more than any of it.

Why WhatsApp belongs on a South African business site

South Africa had 45.34 million internet users at the start of 2024, with internet penetration at 74.7% ^[2]. In my experience, a customer who would never email you will happily send a quick question on WhatsApp, but check how your own customers prefer to reach you.

WhatsApp is one of the two contact channels on my own site, and I build it into client sites as a matter of course. On the Four Oceans Group logistics site, I kept a WhatsApp option alongside the quote form throughout, because, as I noted on that project, it matched how clients in that market prefer to make first contact. I cover the bigger question of WhatsApp versus forms in WhatsApp Business API vs a website contact form. This article is the how-to.

The click-to-chat link: the free way to add WhatsApp to your website

WhatsApp's click-to-chat links open a chat with your number when someone taps them, on phone or desktop. The format is wa.me followed by your number in full international format, with no plus sign and no spaces ^[3].

For a South African number, that means dropping the leading 0 and adding the country code 27. A number written locally as 082 123 4567 becomes wa.me/27821234567. This is the step most often done wrong: a link with the leading 0, a plus sign or spaces will not open the right chat.

Then add a pre-filled message. Put ?text= after the number, followed by your message, so the chat opens with text already typed ^[3], for example "Hi, I would like a quote for...". Spaces in the message need to be encoded as %20 in the link, which most link generators do for you. A good pre-filled message tells you which page the customer came from and saves them working out what to say.

As one marketing consultant puts it, the website part is the easy 20%: the other 80% is what happens after someone clicks ^[3].

Link, button or widget: which one do you need?

There are four ways to add it, from simplest to heaviest ^[5]:

• A plain wa.me link in your text or contact page: free and instant ^[5]. The link is just a destination, so you can style it, place it in a floating button and track clicks with your normal website analytics without any widget.
• A styled button that uses the same link, built into your site's design. This is what I build for most small business sites.
• A widget or plugin: adds a floating chat launcher, a greeting bubble and click tracking. Useful on busier sites, overkill for a one-person business.
• The WhatsApp Business API: for teams, automation and high volume, with cost and an approval process ^[5].

For a WordPress site, a lightweight button is usually better than a heavy widget plugin, because some widget plugins load extra scripts on every page and add one more thing to keep updated. Measure the page speed before and after adding one.

WhatsApp Business App vs the Business API

The free WhatsApp Business app on a phone is enough for most small businesses. It gives you a business profile, quick replies, and greeting and away messages, so people get an instant reply even when nobody is at a desk ^[3].

The API is a different product. You can integrate it directly through Meta's platform or, more commonly for small businesses, use a provider that adds a shared inbox and other tools. It lets several staff answer from one number and connects to other systems. Since 2025, Meta charges per message for template messages instead of per conversation, and utility templates sent inside an open 24-hour customer service window are free ^[1]. Rates vary by country and change, so get current pricing from a provider before you plan around it.

One rule of thumb from the consultant above: the API is worth considering once you are getting more than about 15 to 20 WhatsApp enquiries a day ^[3]. Treat that as a signal, not a rule: the real test is whether your team and workflow can still cope on the app. Another guide puts it more bluntly: do not start with the API, start small, prove the channel works, then move up when the enquiries justify it ^[5]. For stores, the API also allows order and delivery updates, which is where it starts to pay off ^[4].

Where to put it, and the promise you are making

Put WhatsApp where people are deciding, not only in the footer. For a service business, that means the contact page, service pages and any pricing or quote page. For an online store, a WhatsApp button on product, cart and help pages gives shoppers a faster way to ask questions before they drop off ^[4].

Now the rule that matters most. A WhatsApp button quietly promises a fast reply. As the consultant puts it, you are setting a service level agreement with your audience without meaning to, and if you cannot staff it, WhatsApp will cost you more goodwill than the contact form it replaced ^[3]. One guide lists "nobody can answer" as the first reason not to add a button at all ^[5].

“Only put WhatsApp where you can keep the promise it makes. A fast reply on a form beats a slow reply on WhatsApp.”

Practically: use a dedicated business number rather than your personal one, set an away message with your real hours, and keep a contact form as a backup for people who prefer it. If enquiries turn into appointments, you may also want to read booking system or a better contact form.

What to do next

• Get a dedicated number on the WhatsApp Business app and set up your profile, greeting and away messages.
• Build your link in South African format, wa.me/27 followed by your number without the 0, and add a pre-filled message.
• Add it to your two or three highest-intent pages, alongside your contact form.
• Decide who answers and when, and put those hours in the away message.
• Only look at the Business API once daily volume or a team makes the app unworkable.

If you want WhatsApp built into your site cleanly, with the right links on the right pages, get in touch and I will set it up with you.