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.

google ad

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

Reseller Club Hosting 40% OFF


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.

Buy 50% OFF Hosting from Namecheap and Get a Free Domain.


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.

Digital Ocean webhosting

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

16 thoughts on “How to add WhatsApp chat button on website In WordPress and Blogger”

  1. My developer is trying to persuade me to move to .net from PHP.

    I have always disliked the idea because of the costs.
    But he’s tryiong none the less. I’ve been using Movable-type on several websites for about a
    year and am anxious about switching to another platform.
    I have heard very good things about blogengine.net. Is there a
    way I can transfer all my wordpress posts into it? Any
    kind of help would be greatly appreciated!

    Feel free to surf to my web blog: http://ketoupgrade.org/

    Reply
  2. After going over a handful of the blog articles on your web page, I really appreciate your technique of blogging.

    I bookmarked it to my bookmark website list and will be
    checking back soon. Please visit my website as well and tell me how you feel.

    Also visit my web-site – MariCanna Rx CBD

    Reply
  3. Nice weblog right here! Also your site rather a
    lot up fast! What web host are you using? Can I get your affiliate link to your host?
    I wish my site loaded up as quickly as yours lol

    Reply
  4. Hello would you mind letting me know which webhost
    you’re working with? I’ve loaded your blog in 3 different
    web browsers and I must say this blog loads a lot faster then most.

    Can you suggest a good web hosting provider at a fair price?
    Thanks a lot, I appreciate it!

    Reply
  5. Superb site you have here but I was wondering if
    you knew of any message boards that cover the same topics discussed in this article?
    I’d really love to be a part of community where I can get
    advice from other knowledgeable individuals
    that share the same interest. If you have any recommendations, please let me know.

    Thanks! adreamoftrains web host

    Reply
  6. I am really impressed together with your writing abilities and also with the structure on your weblog. Is this a paid subject matter or did you modify it yourself? Anyway stay up the excellent high quality writing, it’s uncommon to see a great blog like this one nowadays.

    Reply
  7. Admiring the hard work you put into your site and detailed information you present.
    It’s good to come across a blog every once in a while that isn’t the same out of date rehashed material.
    Wonderful read! I’ve bookmarked your site and I’m
    including your RSS feeds to my Google account.

    Reply

Leave a Comment