How to Add Messenger Chat Widget in Blogger / WordPress

How to Add Messenger Chat Widget in Blogger / WordPress


Facebook provides us messenger chat widgets which we can add to our website whether it is on blogger or on WordPress.
Today I will tell you how you can use that messenger chat widget on your website easily.

You may have seen this widget on many websites and I hope you will like this widget. As I have told you that this widget is not only for bloggers but you can also use it on your website if it is made on WordPress.

One thing that you should know before going ahead is that I am a blogger user so I will not provide you with steps to add this widget to your WordPress website.

This messenger chat widget provides your visitors to quickly contact you on your messenger account.

Before adding this widget to your website you should have a Facebook page because it is necessary to condition for creating this messenger chat widget.

After you have created one page on Facebook, you can now follow the steps provided below to generate this messenger chat widget and add it to your website.

These are the steps to add this messenger chat widget to your blogger blog but if you are a WordPress user then you have to paste this code provided below in the header.php file of your WordPress website.

Steps to Follow:

  1. Go to https://web.facebook.com/softwebtutsofficial/settings/?tab=messenger_platform
  2. Replace softwebtutsofficial in the above url with your page name.
  3. Now click on Jump to Section in front of the customer chat plugin.
  4. Now click on the Set Up button as shown.
  5. Now make customization in your widget and click next. After customization, you will be given the embed code. Copy that code.
  6. Now Go to Blogger Dashboard
  7. Go to Theme/Template Section
  8. Click Edit HTML
  9. Now Search for <body. This tag will be followed until > so after that.
  10. To search anything in blogger template section press Ctrl+F and then type term to search and press enter.
  11. Paste the copied embed code. After <body> tag.
  12. Save Theme/Template

I have tested this messenger chat widget in my blogger blog but I have removed it because it was making my website lazy and my website was taking too much time to load, that's why I cannot show you the demo.

This messenger chat makes it easy for your users to contact you. They can chat with you in an emergency.

Conclusion:

Now you have successfully integrated the messenger chat widget into your website and I hope you will love this widget because it looks very beautiful.

If you have any kind of issue please let me know in the comments section below I am here to help you.

Post a Comment

Help us improve this article by leaving your feedback below.
Previous Post Next Post