How to add WhatsApp chat button on website In WordPress and Blogger

Hello friends, welcome to your own blog Digital So Life. Do you also want to put whatsapp chat button inside your website or blog?

If your answer is yes, then you have come to the right place. How do you put Whatsapp chat button in your site? He will give his full information in this article.

For your convenience, we have also put a video of this on our YouTube channel. You can see it too.

If you have a business site, it will be very beneficial for you. Due to this, your customers can contact you soon. And you will get one of their unique live chat Whatsapp number.

5 best Plugin Ues In wordpress

Let us know how we can put WhatsApp chat button inside our site.

How to add whatsapp chat button on website / Blog

I am going to inform you both for WordPress and blogger. So follow this article carefully.

In WordPress, we can apply Whatsapp share button in two ways. With the help of a plugin and with the help of code, we will know both ways.

And in Blogger we can put WhatsApp chat button with the help of just one code.

First of all we will know whatsapp chat button to add to the WordPress site.

Recommended Tool

How to add whatsapp chat button on wordpress site

First we will know with the help of the plugin how we can install WhatsApp Chat Button in WordPress website.

How to add Whatsapp Chat Button on WordPress site

Let’s know the whole process …

First of all, open your WordPress site dashboard. After that you have to add the plugin. Then you go to the page of add new plugin.

How to add WhatsApp chat button on website In WordPress and Blogger

After that you have to search in the Plugin Search box WAme, after this you will find two plugins.

How to add WhatsApp chat button on website In WordPress and Blogger

First of all the plugin will show you the wame (Join.chat), install it and after installing activate it.

After this you have to set the settings of this plugin, for this you go to Settings> WAme (join.chat).

add whatsapp chat button in website sitting
add whatsapp chat button in website sittingHow to add WhatsApp chat button on website In WordPress and Bloggeradd whatsapp chat button in website sitting

Here you have to set now. You can add your WhatsApp number here. That you want to make public. You have to put that number here.

All Improtant Setings for Join.chat whatsapp chat Plugine

After that you will see a box of messages below. You can also add your message here. Like your website’s url, name, or whatever you want to add. Can add…

How to add WhatsApp chat button on website In WordPress and Blogger

As soon as he clicks on the floating button of Whatsapp, he will get the default message you created.

After this you save the setting. Your work is done. Now if any visitor comes to your website, then you can direct message on WhatsApp.

After that you will have Position on Screen show. With this you can set the position of that floating button. You will get two options like left or right.

Now if you want to change the icon of the image ie Whatsapp chat button, then you can do it from here. I will give you the default icon which you have received, keep it.

Next setting is to show WhatsApp chat button on mobile or desktop, you can do it on your own wish.

You can do other settings according to yourself, I have told you what was necessary.

Add whatsapp chat button on wordpress with html code

Now with the help of coding in WordPress we will know how we can put WhatsApp chat button in our website.

You will get a link to download a code below. In which you get a notepad’s whatsapp chat button. txt file will be found.

To download it.

After downloading, you have to make a change in it. Below you will see a screenshot, in which you are getting to see a highlight number in blue color.

whatsapp chat to wordpress

You have to add your number in place of that number. And copy that code. After that you have to come to your WordPress dashboard and bring your mouse on the appearance and here you have to click on the coustmize.

In short: – dashboard> appearance> coustmize

Now you have to click this widget and you have to click on the right sidebar.

whatsapp chat to wordpress

In short: – coustmize> widget> right sidebar (right widget)

Here you have to click on add a widget and select the custom HTML and save that code by pasting it and making it public. Now you will see your website or blog by refreshing, then WhatsApp chat button has been installed on your site.

Note – If you do not have Html and Java, do not try to change any of this code.

Now we tell the people of blogger.com how they can put WhatsApp’s chat button in their blog website. Let’s start.

How to add whatsapp chat Button on blogger/blogspot.com

You will get a link to download a code below. In which you get a notepad’s whatsapp chat button. txt file will be found.

To download it.

After downloading, you have to make a change in it. Below you will see a screen shot, in which you are getting to see a highlight number in blue color.

You have to add your number in place of that number. And copy that code. After that, you have to come to your blogger.com desboard.

How to add WhatsApp chat button on website In WordPress and Blogger

Here you have to click on the layout.

After clicking on the layout, you have to click on Add a gadget in the right side bar.

How to add WhatsApp chat button on website In WordPress and Blogger

After that you have to select html java script.

How to add WhatsApp chat button on website In WordPress and Blogger

In this gadget you have to paste your code and save it.

How to add WhatsApp chat button on website In WordPress and Blogger

Your work is done. Now check your blog. Whatsapp chat button has been installed in your blog.

Okay friend, I hope you must have helped with this article. If you have any question, you can ask us.

Download Whatsap chat button html code

Leave a Comment