Now taking new projects, limited availability each month.

How to Add a WhatsApp Button to Your Website

A WhatsApp button lets a visitor tap once and start a conversation with you directly — no form to fill in, no email to compose, no phone number to dial. For many small businesses, it is the single most effective thing you can add to a website to increase enquiries. Here is what it involves, when it makes sense, and how to get one set up.

A WhatsApp button is a link on your website that opens a WhatsApp chat with your business number when tapped. On mobile, it opens the WhatsApp app directly. On desktop, it opens WhatsApp Web. The simplest way to add one requires no technical knowledge at all — WhatsApp provides a free tool to generate the link. You paste it into your website as a button or a clickable icon. Many website builders like Squarespace and Wix have built-in WhatsApp button features. If you have a hand-coded website, your developer can add one in minutes.

There is a particular kind of frustration that builds when someone has made up their mind to get in touch and then encounters a form. They have to find the contact page, remember what they wanted to say, type it into boxes, and wait — sometimes days — for a reply. Many simply give up. WhatsApp removes all of that. It is already on over 80 per cent of UK smartphones, it feels conversational rather than formal, and tapping a button to open a chat takes less thought than remembering your own postcode.

The practical effect is real. Businesses that add a WhatsApp button typically receive more enquiries from the same volume of visitors — particularly on mobile, where forms are especially tedious to complete. The gain is most pronounced for trades, local services, and any business where customers have a quick, specific question they want answered before committing to anything.

How Does a WhatsApp Button Actually Work?

WhatsApp provides a special link format that, when tapped or clicked, opens a chat window already addressed to your phone number. The format looks like this:

https://wa.me/447911123456

Replace the number with your full UK mobile number, with 44 in place of the leading zero and no spaces or dashes. When a visitor taps that link, WhatsApp opens and a new conversation with you begins. You can also include a pre-filled message — so the visitor does not have to compose anything from scratch — by adding a little extra to the link:

https://wa.me/447911123456?text=Hi%2C%20I%27d%20like%20a%20quote%20please

If you would rather not construct the link manually, WhatsApp's official generator at wa.me/send does it for you. Enter your number, write a pre-filled message if you want one, and it produces the finished link — no technical knowledge needed.

Where to Put the Button on Your Website

Placement matters more than people expect. A WhatsApp button that a visitor never notices is no different from not having one at all. Several positions consistently work well, and they are worth knowing:

  • A floating button in the bottom corner. A small WhatsApp icon that stays visible as the visitor scrolls — similar to a chat widget — is eye-catching and always accessible. This works especially well on mobile.
  • On your contact page. Alongside your phone number and email, a "Chat on WhatsApp" button gives visitors another option that many prefer.
  • Near your call-to-action. If your homepage has a "Get a quote" or "Book now" button, adding a WhatsApp option nearby captures people who prefer messaging over forms.
  • In the header or navigation. Some businesses — particularly those with high mobile traffic — include a WhatsApp icon directly in the navigation bar so it is always visible.

The gap between wanting to get in touch and actually doing it is where most enquiries are lost. A WhatsApp button closes that gap.

Should Every Small Business Add One?

Not every business is a good fit, and it is worth being honest about that before committing. WhatsApp works when you can respond to messages within a reasonable window — an hour or two during business hours is the expectation most customers bring. A message left unanswered for two days creates a worse impression than having no WhatsApp button at all. There is also the practical matter of your mobile number: it becomes associated with your business account, and you need to be comfortable with that arrangement.

The businesses where a WhatsApp button tends to make a genuine difference include tradespeople and local services, restaurants and takeaways, beauty salons and personal trainers, and letting agents — essentially any business where customers have a short, specific question they want answered quickly before making a decision. The businesses where it adds less value tend to involve longer sales cycles, complex enquiries that genuinely benefit from a structured form, or formal professional services where an email thread is the more natural medium.

WhatsApp Business vs Regular WhatsApp

WhatsApp Business is a free, separate app made specifically for small businesses. The practical differences are meaningful: you can set up a profile showing your address, website, and opening hours; create quick-reply templates for questions you get asked repeatedly; write an automatic greeting that goes to anyone who messages you for the first time; and set an away message for outside business hours. For any business using WhatsApp to handle enquiries, the Business version is worth using — it is free, takes perhaps twenty minutes to set up, and keeps your business conversations separate from personal ones, which matters more than it sounds.

Adding a WhatsApp Button on Popular Website Platforms

On Squarespace, you add a button block anywhere on your page and paste your WhatsApp link as the URL. A floating button that stays visible as visitors scroll requires either a third-party widget or a small piece of custom CSS. On Wix, the app market has a dedicated WhatsApp Chat widget that installs in a few clicks with no configuration beyond your phone number. On WordPress, the "WhatsApp Chat" plugin by Joinchat adds a floating button without any coding and has a generous free tier. On a hand-coded website, it is a small job — typically under thirty minutes for a developer — and worth raising as part of any site update conversation.

Frequently asked

Do I need WhatsApp Business or can I use my personal WhatsApp?
Technically either will work — the link format is identical. But WhatsApp Business is genuinely worth using, and here is why: it keeps your business conversations in a separate app from your personal ones, gives you a business profile that customers can see when they message you, and adds things like away messages and quick replies that save you time. Both apps are free, and you can have them both installed on the same phone as long as they use different numbers.
Is there a cost to use WhatsApp for business?
For a small business replying to messages from customers who contact you first, WhatsApp is free — and so is the WhatsApp Business app. The product you may have seen described as a paid service is the "WhatsApp Business Platform," which is aimed at larger businesses sending automated messages at scale. That is a different product entirely, and not what a small business with a button on its website needs. The setup costs you nothing except a little time.
What happens when a desktop user clicks the WhatsApp button?
On desktop, clicking a WhatsApp link opens WhatsApp Web in the browser — a full-featured version that works without needing the phone app installed. If the visitor has already used WhatsApp Web before, they will typically be logged in automatically and the chat opens straight away. If not, they scan a QR code with their phone to connect. Most WhatsApp users on desktop are already familiar with this. On mobile, the link opens the app directly — no friction at all.
Will adding a WhatsApp button affect my website's loading speed?
A basic WhatsApp link — just a styled anchor tag pointing to wa.me — adds essentially nothing to your page load time. Where it can become a consideration is if you use a third-party floating button plugin, which may load additional scripts and add a small but measurable delay. If page speed matters to your business (and for most local businesses in 2026, it should), ask your developer to implement the button as a lightweight CSS element rather than a plugin. It achieves the same result with none of the weight.