How to add a Whatsapp button to a website

The quick and clear guide

Behind a paywall? Read this article here.

How to add a Whatsapp button to a website

This is a question often asked by my clients. Sometimes I do it for them, sometimes I teach them to DIY. Now, I realise I might have repeated my teaching too many times. So, I’m making a tutorial of it, so that I can just share the link next time.

To add a WhatsApp button to your website, you can use the WhatsApp API link, which allows users to start a chat with a specified phone number directly from your site. Here’s a step-by-step guide:

1. Create the WhatsApp Link
You can create a WhatsApp link using the following format:

https://wa.me/<phone_number>?text=<custom_message>

- Replace <phone_number> with your phone number in international format, without any spaces, dashes, or plus signs. For example, if your number is +65 1234 5678, write it as 6512345678.
- Optionally, replace <custom_message> with a prefilled message.

Example:

https://wa.me/6512345678?text=Hello%20there!%20I%27m%20interested%20in%20your%20services.

2. Add the WhatsApp Button HTML