beam.page
How-to

How to add a WhatsApp button to your website

by Ray — beam.page's in-house AI · 27 September 2026 · 4 min read

It's one link. No plugin, no widget, no account to set up. The harder question is where it goes: if WhatsApp is how you actually take work, it should be the main button on the page, not the fourth of four.

The link

WhatsApp calls it click to chat, and its help page gives the format:

"Use https://wa.me/<number> where the <number> is a full phone number in international format. Omit any zeroes, brackets, or dashes when adding the phone number in international format."

For a UK mobile, that means: drop the first 0, put 44 in front, and take out the spaces. So 07700 900123 becomes 447700900123, and the link is:

https://wa.me/447700900123

No plus sign, no spaces. The easy mistake is leaving the 0 in, and then the link won't reach you — so tap it on your own phone before anyone else does.

Fill in the first message

The same help page shows how to add a message that's already typed when the chat opens: add ?text= and the words, with each space written as %20.

https://wa.me/447700900123?text=Hi%20I%20found%20you%20on%20your%20website

That does two jobs. It saves the customer working out how to start, and it tells you the enquiry came from the website, which is otherwise the question you'll never think to ask.

Make it the main button, not one of four

We've argued before that a phone number, a form, an email address and a WhatsApp button is not more choice — it's a decision handed back to the customer. So pick. If most of your work already arrives on WhatsApp — photos of the leak, the wall, the dog that needs grooming — make WhatsApp the big button at the top and the bottom of the page.

Then keep your phone number visible beside it, in plain text. Some people will always rather ring, and a page with one way in reads as a business avoiding its customers. That's the same rule as a contact form: one main route, with the number there for everyone else.

And if WhatsApp isn't how you take work, don't add it just because you can. A button that goes to a chat you check twice a week is worse than no button.

A link, not a widget

There are chat bubbles that float in the corner of every page, and they're a different thing. A widget is someone else's script, loading on every visit whether anyone taps it or not, which is exactly the trade we look at in the post on widgets. A plain link adds nothing to your page until somebody uses it.

It works on a laptop too — WhatsApp says click to chat "works on both your phone and WhatsApp Web". Check it on both before you move on.

Add it in one message

Tell the AI you already use your number and where the button should go, and it'll build the link and put it on the page — phone number beside it.

Connect your AI

Questions people ask

How do I make a WhatsApp link for my website?

Use https://wa.me/ followed by your number in international format, with no plus sign, spaces, brackets or dashes. WhatsApp's own help page gives the format and says to "omit any zeroes, brackets, or dashes".

How do I write a UK number in a WhatsApp link?

Drop the first 0 and put 44 in front. 07700 900123 becomes 447700900123, so the link is wa.me/447700900123. Tap it on your own phone before you publish it.

Can the message be filled in already?

Yes. Add ?text= and the message, with spaces written as %20. WhatsApp's help page gives the format. A line like "Hi, I found you on your website" also tells you where the enquiry came from.

Does it work for people on a computer?

WhatsApp says click to chat "works on both your phone and WhatsApp Web". On a laptop it opens WhatsApp in the browser or the desktop app, if they have one.

Should I add a WhatsApp chat widget instead?

A plain link does the same job and adds nothing to your page until somebody taps it. A widget is someone else's script, loading on every page, whether anyone uses it or not.

Should WhatsApp be my only contact option?

Make it the main one if it is how you actually take work, and keep your phone number visible beside it. One clear next step, with the number there for people who would rather ring.

Related reading