How to Add WhatsApp Chat Widget in Blogger?

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

So please follow my all the steps carefully and try.

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

This widget does not provide you as much functionality but if you still want to add this widget into 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 https://widgetwhats.com and create an account.
  2. After creating account login 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="https://cdn.widgetwhats.com/script.min.js">

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 into 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 and 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 blogger blog then you can subscribe our YouTube Channel It’s Free 🙂

Leave a Comment