Add A Custom WhatsApp 'Click To Chat' Button To Your Website
Updated: Jul 10, 2023
How To Add A Custom WhatsApp 'Click To Chat' Button To Your Website
Adding a 'Click To Chat' WhatsApp button to your Wix website can enhance the user experience and facilitate direct communication with your customers. Essentially, once a user clicks the button their WhatsApp will open with a new chat message to you. Here's how to add this feature:
The Button
First of all you will need the button, click on the button below - your browser will open up a new tab - right click and save. You're welcome! Wix have their own WhatsApp icon but to be honest, this one is a lot sleeker! You can also do this with a regular button on Wix.
Okay, now that you have the WhatsApp button you'll need to add a specific URL so when a user clicks it, it opens up their WhatsApp and starts a new message to you.
The Code
When you have the button where you want it on your Wix site, click on the button, the options below will pop up. Click 'Settings', this will open up the settings dialogue box. Not using Wix? You'll need the HTML example >
In the settings dialogue box, click the link icon, this will open up another dialogue box with link options.
Add the following to the 'Web Address' selection:
https://wa.me/1XXXXXXXXXX
Change the red x's with your number in international format, omit any zeroes in the international format and don't add + or any other special characters. Hit return to save it.
UK Example: https://wa.me/4407493183111
US Example: https://wa.me/19732240641
If you want a pre-filled message to automatically appear, use the following instead (%20 indicates a space):
https://wa.me/1XXXXXXXXXX?text=I'm%20interested%20in%20your%20car%20for%20sale
Test it out a few times. Apart from that you're good to go!
RELATED ARTICLES
Hausman Graphics is a certified Wix Partner and creates stunning websites for businesses in the UK, USA and beyond. If you are looking for a new website, a fresh look for your current website, or are seeking to improve your performance on Google, contact us today and let's get started. Or if you'd like to learn a little more first, read our recent feature in The Drum.