Skip to content

Adding a WhatsApp button to your website : how it works

You put a link behind a button that opens a chat with your number, and you test it on phone and computer.

Adding the WhatsApp button to the website .

You can add a WhatsApp button to your website by setting a normal link that opens a chat with your business number when clicked. You need three things for this: your number, a link and a spot on the page. On a phone the app opens, on a computer WhatsApp Web or the desktop app, depending on the settings. As of 02.11.2026.

The options compared.

OptionEffortA good fit if
Link behind a buttonLow: a link in HTML or in the site builderYou have your own page and only want to open the chat
Fixed button at the edge of the screenMedium: some code or a plugin of your site builderThe button should stay visible on every page
QR codeLow: turn the link into a QR codeVisitors sit at a computer and want to continue on their phone
Sign-up with consentHigher: form or popup with confirmationYou want to win contacts, not just answer questions

Classification from experience, not a Meta rule. As of 02.11.2026.

How do you add the button to four steps?

You add the button in four steps: set the number, create the link, place the button on the page and test. Use a number that your team really keeps an eye on. Write it with the country code, without spaces. You can find the exact spelling of the link and the option to pre-fill a text in WhatsApp's official guide to Click-to-Chat. Check the format there before you publish the link.

Then put the link behind a button with a clear text, for example "Write via WhatsApp". After that, test it on a phone and on a computer, on every page where it appears.

Where does the WhatsApp button belong on the website ?

The button belongs where visitors have a question: on the contact page, the pricing page and product pages, and if needed as a fixed button at the edge. Do not put it in every spot at once, or the page looks restless. Label it with the occasion, for example "Question about your appointment?". A button with a clear job is understood more easily than a symbol alone. This is a recommendation from practice, not a rule.

What happens after the click?

After the click, an empty chat with your number opens, and the visitor writes to you first. A chat that the visitor starts is a different case than a message you send on your own initiative. Whoever writes to you through the button has made contact on their own. How long you may reply freely afterward and when you need a template is explained on the page Business App or Business Platform.

Is the button enough to send newsletters later?

No. A click on the button only opens a chat and is not consent for advertising messages. If you want to send newsletters to contacts later, you need explicit consent that you can prove. How this works with confirmation is explained on the page Double opt-in on WhatsApp. This is not legal advice. For your case, ask a professional.

What does SmartChat offer for this?

SmartChat includes in every plan, including the free one, a click-to-WhatsApp button, a website popup, a QR code and automatic double opt-in with a consent record per contact. Start for free and check whether it fits your website.

Frequently asked questions about the WhatsApp button.

How do I add a WhatsApp button to my website?

Put a link that opens a chat with your number behind a button on your page, and test it on phone and computer.

Do I need programming for this?

Not necessarily. A link behind a button is enough. Whether your site builder allows this without code, you check there.

Can I pre-fill a text in the chat?

WhatsApp describes this in its official guide to Click-to-Chat. Read there what the link needs to look like for this.

Does the button work on a computer?

You should test it on a computer yourself, because depending on the settings, WhatsApp Web or the desktop app opens there. A QR code helps if the visitor prefers to continue on their phone.

Is a click on the button consent for newsletters?

No. The click only opens a chat. For advertising messages you need separate consent that you can prove.

Which number should I use for the button?

A number that your team checks every day and that belongs to your business.

Your WhatsApp marketing is ready in 60 seconds

Enter your website. SmartChat AI builds the system for you.

Last updated: By SmartChat Team