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

Preview

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.

WhatsApp button that start chat automatically

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.

WhatsApp button that start chat automatically 2

Conclusion

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.

See ya!