Learn how to create a WhatsApp button that start chat automatically by your client with a simple – and fast – click of the mouse. This tutorial was inspired by a friend of mine, Elisandro, who posted this quick tip in a WordPress WhatsApp group. Thanks a lot, Eli!
You’ll learn how to send your client to the WhatsApp message field already with a predetermined text ready to send.
In this tutorial, let’s use the following text:
Hey! I’m contacting you by clicking on the WhatsApp button of your website: www.blog.youdivi.com. My name is…
Click the demo button below to see it in action. I’m sure that – if you’ve never seen that like me – will be astonished.
Without further ado, let’s start!
How to add a WhatsApp button that start chat automatically
Add HTML code to your website
First, create a Code Module and add the following code.
<a href="https://api.whatsapp.com/send?phone=5519981128000&text=Hey! I'm contacting you by clicking on the WhatsApp button of your website: www.blog.youdivi.com. My name is..."><img src="https://youdivi.com/wp-content/uploads/2017/07/icons8-WhatsApp-96.png"></a>
That’s it! Ha! You thought it would be extremely complicated, right?
Sorry to disappoint you.
You just need to change the phone number and the initial message to better suit your needs.
Example: 5519981128000 is my WhatsApp number. In Brazil, it’s written like this: +55 (19) 98112-8000. Put it all together so the WhatsApp API can understand the number.
Don’t forget to change the message – and the <img> URL too.
How it looks like
If you have the WhatsApp app on your smartphone, the transition will be extra smooth.
In the desktop, there are 2 steps. First, a confirmation screen that you need to click Send to open the WhatsApp app – even if you already have it installed on your computer.
This is a really quick – but important tutorial to keep close when you need to WOW your clients.
Hope you learned how to create a WhatsApp button that start chat automatically.
Leave a comment if you like this kind of tutorial.