How to Add Facebook Messenger to Your Website?

What is Facebook Messenger?

Facebook Messenger is a free instant messaging application developed by Facebook to connect people worldwide. You can send a message to your Facebook friends easily without any charge. For instance, you can send photos, video, audio recordings and emoji to your friend personally or even a group chat.

Why Facebook Messenger?

Facebook Messenger is free and all you need is a Facebook page. The application can sync with the contact list of your phone. Hence, the customers with a Messenger account can easily connect with your business. Therefore, you can manage the conversation with Facebook page inbox and also respond to the message using a mobile device with Messenger.

How To Add Facebook Messenger To Your Website?

It is recommended to add social chat so people feel there is customer service and inspire more confidence on your website. So, it is recommended to add Facebook Messenger as your social chat platform.

Add Facebook Messenger

#1: Open your Facebook page.

#2: Click “Settings” at the top right corner of the header bar.


#3: Click “Messaging” tab at left side bar.


#4: Scroll down the page and look for “Add Messenger to your website”. After that, click “Get Started” button at the right.


#5: Set up customer chat display. Click “Next”.


#6: On this page, you can either keep the language selected or change the language from the dropdown list. After that, keep or change the greeting message. After done, click “Next”.


#7: You can keep the default color or choose a custom color from the dropdown color panel for the Messenger chat. Click “Next” when done.


#8: Add your website domain at field of upper left and click “Save”.


#9: Select option of “I’ll install the code myself”.


#10: Hover to the code at right. Then, click “Copy code” to clipboard and click “Finish”.


#11: Click “Done”.


#12: Open WordPress dashboard, Go to Plugins > Add New


#13: Search for “Insert Headers and Footers” plugin, install and activate it.


#14: Go to Settings > Insert Headers and Footers


#15: Paste the code copy just now in Scripts in Footer and click “Save”.


Open your site and refresh it. You can see Facebook chat at bottom right of your website.

We provide the service of social media management here! Check it out!

Scroll to Top