How to add Facebook Messenger Chat in blogger and Website

 

How it works 

When a visitor clicks on Facebook messenger icon on your website a pop up open. Visitor type message and hit enter to send. If you are online you can see the message in Facebook messenger section and start a conversation with your visitor. If you offline you can get the notification on Facebook and your email. You can also Pre-record your message when the visitor starts chatting Messenger automatically replies instantly in your favor.

How to Embed Facebook Messenger Chat widget in blogger

Step 1. Log into your Facebook page and select the setting option as shown in the image.

step 2. Open your Facebook page.

Step 3. After click on setting option, Facebook Page setting window open and you can see lot’s of an option are available but you can select on messaging  button in the right side as  shown in the image.

step 4. scroll down little bit and you found get start button like as shown in below figure. and click on it.

step 5. Now you can get a pop-up window with next button click next and you got again pop-up window with next button and you can customize your own choice . and you can follow the following step.as shown in figures.

step 6. In the third part and last part of the popup window, you can see some JavaScript code select and copy all the JavaScript code and click Finish. Paste this code in your computer because we use this code later in our website to Embed Facebook Messenger Chat widget.

# How to add contact us page in blogger

Embed Facebook Messenger Code in Blogger.

First of all, log in into your Blogger Platform.

Step 1. Navigate to Layout option in a blogger. After clicking theme Layout window is open according to your blogger theme. In Layout, we add a blogger gadget widget for this click on Add a Gadget option in sidebar right or in footer widget according to your theme.

step 2. A new popup window open when you click on Add a Gadget. Select HTML/JavaScript option.

Step 3. After select HTML/JavaScript you see new popup window open. In this window, you can add customized HTML or JavaScript code to increase functionality in your blogger website, but in these case, we add Facebook Messenger chat widget code. Which we copy earlier when we set up Customer Chat Plugin in Facebook. Paste that code in the text area and click on save button.

Step 4. Finally, click on save arrangement and voila you did it. Now in your blogger website, Facebook Messenger Chat widget will be embedded, visit your website and check it’ work.