How to Add WhatsApp Chat Widget in Blogger / WordPress

How to Add WhatsApp Chat Widget in Blogger / WordPress

How to Add WhatsApp Chat Widget in Blogger / WordPress

Previously I have shared a messenger chat widget which can be added to your website to help your users to contact you on your messenger profile and this time this is another chat widget which is called a WhatsApp chat widget.

This widget does not have inbuilt functionality for chat, like the messenger chat widget. Still, it has a beautiful appearance and redirects your users to the WhatsApp chat page when the user clicks on the WhatsApp chat button.

This widget does not provide you as much functionality but if you still want to add this widget to your website you can follow the steps which are provided below.

If you are a blogger user then you can follow the steps provided below but if you are a WordPress user then you have to copy the code provided on a third-party site and paste it into the header.php file of your WordPress website.

Steps to follow:

  1. Go To and create an account.
  2. After creating an account log in and click Create New widget as shown.
  3. Now customize your widget according to your requirements and click Save Widget.
  4. After that, you will be given the Embed Code which you have to add to your website. Copy It. If you are unable to find the embed code then use the code provided below and replace 4 digit ID with your own.
  5. <script async data-id="8578" src=""></script>
    You will find 4 digit ID in the url when you login.
  6. Now Go to Blogger Dashboard
  7. Go to Theme/Template Section
  8. Click Edit HTML
  9. Now Search for </body> or </head>.
  10. To search anything in blogger template section press Ctrl+F and then type term to search and press enter.
  11. Paste the code above </body> or </head>.
  12. Save Theme/Template

After adding the source code to your website now you can visit your website and you will see a floating WhatsApp chat button at the bottom right corner of your website when you click on that button you will be redirected to your messenger profile.


Now it is easy for your visitors to easily contact you on your WhatsApp account and discuss any query related to your work. If you haven't read my article explaining how to add a messenger chat widget to a blogger or WordPress website you should go and see that article it will also blow your mind.

I hope you will like this WhatsApp chat widget and will use it. Please make sure to subscribe to the newsletters of this website and keep visiting this website daily for this kind of interesting and informative article.


Help us improve this article by leaving your feedback below.
  1. Mohamed Salah EL Mohammadi
    Mohamed Salah EL Mohammadi 12 May 2020, 21:22:00

    Thank you so much It works great

    Reply Delete
Add Comment