How to Add WhatsApp Chat Widget in Blogger?

In this article, I will guide you on how you can add WhatsApp Chat Widget Icon to your Blogger blog.

So please follow all the steps carefully and try.

This widget does not have inbuilt functionality for chat, like the messenger chat widget but it has a beautiful appearance and redirects your users to 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.

Steps to Add WhatsApp Chat Widget in Blogger

  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.

After that you will be given the Embed Code which you have to add in your website. Copy It. If you are unable to find the embed code then use the code provided below and replace 4 digit ID to your own.

<script async data-id="0000" src="">

You will find 4 digit ID in the url when you login.

  1. Now Go to Blogger Dashboard
  2. Go to Theme/Template Section
  3. Click Edit HTML
  4. Now Search for </body>
  5. Paste the code above </body>
  6. 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.

I hope you love this method. If you want to know how to customize a blogger blog then you can subscribe to our YouTube Channel It’s Free 🙂

Leave a Comment