How to Add a WhatsApp Button to Your Business Website (2026 Guide)
TL;DR: A WhatsApp button is one link — https://wa.me/<your number in full international format>. No plugin, no widget, no monthly fee. Put it in the header and the footer. For most local and service businesses outside the US, it should be the main contact method on the page, not a backup under a form.
Why WhatsApp Beats a Contact Form for Most Local Businesses
A contact form asks a customer to type their name, email, message, and hit submit — then wait. They don’t know if it arrived. You don’t know if they’re still interested.
WhatsApp asks them to tap once. The conversation opens in an app they already have open. You get a notification on the phone in your pocket.
For a plumber, a salon, a moving company, a tutor, a restaurant taking reservations — that difference decides whether you hear from them at all. In the Gulf, MENA, Latin America, Southeast Asia, and most of Europe, a website without a WhatsApp button reads as a website nobody checks.
The Link Format (This Is the Whole Thing)
<a href="https://wa.me/971501234567">Message us on WhatsApp</a>
Three rules, and almost every broken WhatsApp button breaks one of them:
- Full international format. Country code included.
971501234567, not0501234567. - Digits only. No
+, no spaces, no dashes, no parentheses.wa.me/+971 50 123 4567will not work. - The number must be on WhatsApp. A landline that has never been registered opens a dead chat screen.
That’s it. wa.me is WhatsApp’s official click-to-chat service. It works on desktop and mobile, opens the app if installed and WhatsApp Web if not.
Pre-fill the first message
You can save the customer the awkward opening line:
<a href="https://wa.me/971501234567?text=Hi%2C%20I%27d%20like%20a%20quote%20for%20a%20move">
Get a quote on WhatsApp
</a>
The text parameter is URL-encoded — spaces become %20, apostrophes become %27. Keep it short. “Hi, I’d like a quote” converts better than a paragraph the customer has to read before sending.
Where to Put It
Header. Top right, visible without scrolling. This is the one that gets tapped.
Footer. Next to your phone, email, and address. People scroll to the bottom looking for contact details out of habit.
End of your services or pricing section. The moment someone finishes reading what you charge is the moment they decide to ask.
You do not need a floating bubble that follows the page and covers your content on mobile. A header button plus a footer link outperforms a widget that people close reflexively.
Label It So People Know What They’re Tapping
“Contact us” is a form. “WhatsApp” is a conversation. Customers behave differently depending on which one they think they’re about to get.
Use the word WhatsApp in the label, and include the WhatsApp icon. Recognition is instant and the tap rate reflects it. Good labels:
- Message us on WhatsApp
- Chat on WhatsApp
- Get a quote on WhatsApp
Bad label: a green circle with no text.
When WhatsApp Should Be Your Primary Contact
Make it the main call to action — bigger, first, above the phone number — when:
- Your customers are outside the US. WhatsApp is the default messaging app in most of the world. In the Gulf, MENA, and Latin America, it is the phone.
- You can’t answer calls during the workday. A contractor on a roof can reply to a message at 4pm. They cannot pick up at 11am.
- The first question is always a quote. Photos, addresses, and measurements are easier to send in a chat than to describe on a call.
- You sell across time zones. Async beats a missed call.
Keep the phone number as the primary when you run a restaurant taking same-hour bookings, or when your customers are older and mostly local. Both can live on the page; only one should be the loudest.
Common Mistakes
Using the wrong country code. A local number written the way you’d dial it at home is missing its country code. Malaysian 012-345 6789 becomes 60123456789 — and the leading 0 gets dropped when the country code goes on. Same in the UK, Egypt, Turkey, and most of Europe.
Using a number that isn’t registered on WhatsApp. Your office landline usually isn’t. Test the link from a phone that isn’t yours before you ship it.
Hiding it behind a form. If both are on the page, the WhatsApp button should be the one people see first.
Installing a plugin for it. Nothing here requires a plugin, a subscription, or a third-party chat vendor. It’s an anchor tag.
Placeholder numbers. +1 (555) 123-4567 shipped live is more common than you’d think. Check every number on your site actually rings.
How WebZum Handles This
When you build a site with WebZum, you tell the chat your WhatsApp number in whatever format you normally write it — local, with spaces, however. WebZum knows what country your business is in, so it builds the correct international wa.me link for you and places the button in the header and footer with the WhatsApp icon.
If you say WhatsApp is how you prefer to be reached, it becomes the primary call to action across the site — the header button, the section CTAs, the footer. Phone and email stay available, just quieter.
You can change it later by asking. “Make WhatsApp the main contact” or “remove the phone number, we only do WhatsApp” is a sentence, not a settings page.
Want a site where the WhatsApp button already works? Type your business name and let WebZum build it — live in about five minutes.