How to add a Whatsapp button to a website
The quick and clear guide
Behind a paywall? Read this article here.
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
