pcheaven

How to add WhatsApp chat icon to your WordPress Website?

How to add WhatsApp chat icon to your WordPress Website?

Let’s say you have a website and you want to let your visitors contact you using WhatsApp. You can do that easily by adding a WhatsApp chat to your website.

So in this article we are going to see how you can add a WhatsApp chat to your WordPress website.

And anyone who who will be visiting your website can contact you Just by clicking the WhatsApp icon. Once they click the icon, it will open your WhatsApp number.

To add a WhatsApp chat, we’re going to do 2 steps-

1- Install a plug-in in WordPress

2- Connect the WhatsApp account

How to add WhatsApp chat icon?

To add a WhatsApp chat, we’re going to follow two simple steps. The first step is to install a plugin in WordPress

1- Install the plugin in WordPress

So to install the plugin go to your WordPress Dashboard >> Plugins >> Add New.

Now search for ‘Whatsapp’ or a plugin called ‘VVAme Chat’ in the search field.

So this is the plugin, Which will help us add the WhatsApp chat, to our website.                           

To install the plugin, just click “Install” And then click “Activate”. So now we’ve successfully installed the plugin.

Now once we,ve installed and activated the plugin we can go to the next step, Which is to connect your WhatsApp account to this plugin.

2- Connet your Whatsapp account to ‘VVAme Chat’ Plugin

So to connect WhatsApp to the Plugin, open the Plugin settings.  

Now here you need to enter your WhatsApp number.

Enter the WhatsApp number where you want to receive your messages number in the required field. 

Now, once you enter your number, if a visitor tries to contact you, their message will be sent to this WhatsApp number.

Scroll down, And then click save changes. Now as soon as you click save changes, The WhatsApp chat icon will be added to your website.

So to check that, go to your website, and now you can see that you’ve have got your WhatsApp icon.

If any visitor wants to contact you, now all they have to do is, Just click on this icon and it will open your number.

Now to reply to your visitor, All you have to do is, Just open the message, And then send your reply So this is how you can add a WhatsApp chat to your website.

Next let’s go to a bonus part,

How you can add new message notification to your Whatsapp icon?

Here we’ll see how you can add a new message notification on your WhatsApp icon which will attract the visitors to click the WhatsApp icon and contact you.

After adding this notification, If a visitor opens this chat, They will see an automatic message displayed by you from your website.

They can click there to start chatting with you. So next let’s see how you can add this message to your WhatsApp chat.

To add the message, first of all go to WordPress.         

Now on this page go to ‘VVAme Chat’  plugin setting.

On the settings page you will find an option called “call to action”

And here, You need to enter the message, you want to show in your chat.                                                 

Now by default, whenever a visitor comes to your website, your message will be automatically displayed.

Now instead of this, if you want to show the notification icon first, and then let your visitors click it You need to, enable “Notification Balloon” option.

So once you’ve enabled that, you need to enter when you want your notification to appear.

Let’s say you want the notification to appear after two seconds, You need to enter ‘2’ in the space next to ‘chat delay’.

Once you entered these details, Click ‘save changes’.

As soon as you click save changes your message will be successfully added to your WhatsApp chat. So to check that go to your website and refresh the page.

You’ll see that we’ve got a notification in WhatsApp and now if you click the icon you can now see the message, which we’ve added.

This is how you can add a new message notification to your WhatsApp chat icon in WordPress. Okay, so now you know how your visitors can contact you using WhatsApp.

Next, let’s see how your visitors can contact you, from their computer.

So to let your visitors contact you from their computer, just go to WordPress and then plugin settings page.                   

Now scroll down and then enable the WhatsApp web option and click ‘save changes’.

Go to your website on a computer, you will that see we have our WhatsApp chat.                                  

Now if our visitor clicks on the Whatsapp icon, they’ll be taken to the WhatsApp web login page.

To contact you, the visitors need to first login to WhatsApp, using their phone.

For that they need to go to ‘menu’ and choose ‘WhatsApp web’. If they scan the QR code, they will be logged in and your number will be opened.

And now they will be able to send their message, from there.

So, this is how your visitors can contact you, from their mobile as well as computer. 

Now if your visitors type their message & sends it, you’ll receive that message on your phone.

And if you want to reply to that message, you can simply click and then reply to your visit

Hope you enjoyed reading this article about How to add WhatsApp chat icon to your WordPress Website.
For any further queries or suggestions you can write down to us below or contact us here.

50% LikesVS
50% Dislikes

Leave a Comment