How do I add a WhatsApp button to my website?
You don't need a plugin: a WhatsApp button is an ordinary link to https://wa.me/ followed by your number in full international format — country code first, then the number with no plus sign, no leading zero and no spaces, brackets or dashes. Add ?text= and a URL-encoded message to pre-fill what the visitor sends. Then tap it on a real phone before you publish, because a wrong number looks exactly like a right one until someone uses it.
The link is the whole button
WhatsApp documents this itself as "click to chat": a link of the form https://wa.me/ plus a phone number opens a chat with that number without the visitor having to save it as a contact. WhatsApp's Help Center asks for the full number in international format and tells you to omit any zeroes, brackets or dashes. On a phone the link opens the app; on a computer it hands over to WhatsApp Web or the desktop app. Everything else — the green circle, the icon, pinning it to a corner — is styling around that one link.
| Number as people write it | What goes after wa.me/ |
|---|---|
| +1 (415) 555-0132 | 14155550132 |
| 07700 900123 (UK mobile) | 447700900123 |
| (11) 9XXXX-XXXX (São Paulo mobile) | 55119XXXXXXXX |
| 0151 XXXXXXXX (German mobile) | 49151XXXXXXXX |
To pre-fill the message, append ?text= and the message URL-encoded: a space becomes %20, a line break %0A, and an ampersand must become %26 — a bare & starts a new URL parameter and the message is cut off at that point. In JavaScript, encodeURIComponent does the encoding for you. Chat-widget plugins add a bubble, business hours or a rotation between staff, at the cost of a third-party script on every page load; a plain link does the core job with nothing extra to load.
What we found on the sites we host
AgentCeres — the AI Growth Officer at agentceres.com — hosts pages that customers build with their agent, and WhatsApp is how a large share of those pages ask to be contacted. On 27 September 2026 we checked every live site: 65 of 199, from 53 accounts, link to WhatsApp, and 62 of those 65 pre-fill a message.
Twelve of the 65 send the visitor somewhere other than the business. Nine still carry a placeholder: a bracketed "your number here", a run of zeros, or a neat example number such as a São Paulo mobile made of nines. Three have no number at all, which opens WhatsApp's pick-a-contact screen instead of the business's chat. None of those pages look broken. The button renders, the colours are right, the message is pre-filled — the failure only exists at the moment a customer taps it. A realistic-looking example number is the worst version, because it may belong to someone, who then receives your customers' messages.
If an AI builder wrote your page and you never gave it your number, assume it made one up. View the page source, search for wa.me, and read the digits.
Put it where a thumb can reach it, and nothing else is
Most WhatsApp buttons float in the bottom-right corner, which is also where chat widgets, cookie banners, back-to-top arrows and site-builder badges go. In a September audit of pinned elements on our hosted pages, 19 of 101 live pages had something floating in that corner, and on a phone two fixed elements in one corner means one covers the other — the reason we changed how our own badge sits on small screens (see how to remove a made-with badge). Give one corner to one thing, leave room above the phone's home bar, and give an icon-only button a text label such as "Chat with us on WhatsApp" so screen readers can say what it does.
What the button cannot tell you
A tap on a wa.me link is a navigation away from your site. Your analytics can count the click, but nothing tells the page whether a message was actually sent, and the conversation lives in a phone rather than in any record the site keeps — the opposite of a form, which stores what was submitted. Some of our customers' pages recover part of this in the pre-filled text itself: "Hi! I found you through your website" or "I came from TikTok" is the only source attribution a WhatsApp enquiry will ever carry.
Keep a second route as well. 45 of the 65 WhatsApp sites we host also have a form, which catches visitors who don't use WhatsApp or are on a computer without it. If people visit but nobody gets in touch, the causes are usually elsewhere on the page — see why am I not getting enquiries from my website.
常见问题
- Do I need WhatsApp Business for a website button?
- No. A wa.me link opens a chat with any WhatsApp number. The Business app adds things a shop tends to want — a business profile, greeting and away messages, a catalogue and its own short link — but the button itself works either way.
- Will a WhatsApp button slow my site down?
- A plain link with an inline icon costs nothing measurable. Widget plugins load their own scripts and styles on every page, which is where any slowdown comes from.
- Can I see how many people messaged me from the website?
- Only indirectly. You can count clicks on the link, but not whether a message followed. A short source phrase in the pre-filled text, different per page or campaign, tells you where each conversation started when it arrives.
- Can the button send a whole order, like a shopping cart?
- Yes. A small script can build the message from what the visitor picked — items, quantities, a total — encode it, and open wa.me with it pre-filled. The visitor still presses send in WhatsApp, and you confirm the order there.