See our other products: – bot platform | KnowledgeBase – help center for website | LiveChat – award winning live chat software

Facebook widget with

One of great advantages is the ability to stay in touch with your customers after they leave your website.

How’s that possible?

Thanks to our integration with Facebook Messenger, of course!

The whole idea is simple: with a few simple steps you can create your own Facebook Messenger chat widget and reply to all Facebook messages from

Once you connect your account with Facebook, your customers will receive your messages through Facebook Messenger. The great thing is that even if they respond to your message via Messenger, you will see their message in your app.

Thanks to that, you can build relationships with customers who have already left your website. You also save time by gathering all customer messages in Simple as that!


But this integration is not just about chatting. When you chat with customers using Messenger, you can take advantage of the most important features. Canned responses will allow you to respond in a flash (especially that they can learn from your chats and suggest right responses when you’re chatting).

Thanks to chat routing, your chats will be automatically transferred to an agent that is currently less busy than you. Finally, reporting can help you to spot the areas you can improve and optimize it, so your customers are even more satisfied.

Also, remember that you don’t have to be tied up to your PC! Once you install on your mobile or iPad, you will always receive a notification when your customer contacts you.

Need more reasons to use Check out our features!

How to install Facebook Customer Chat

  1. Install Facebook widget on your website

As with - you would need to install Facebook widget code before the tag on your website. To make that code work though, you need to get your app ID and page ID.

a. Getting app ID

b. Getting Facebook Page ID

  • Open your FB Page and right-click on its profile picture then copy its link.


  • Copy it to any notebook and extract number visible betweenfacebook.comand/photos. That’s it!


c. In the code below:

  • * * replacein the code below with the ID you get from photo,
    • replaceyour-app-idin the code below with the ID from developers account.

Now, you can paste the changed code to your website’s HTML, before the tag.

window.fbAsyncInit = function() {
    appId : 'your-app-id',
    autoLogAppEvents : true,
    xfbml : true,
    version : 'v2.11'

(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); = id;
js.src = "";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

<div class="fb-customerchat"


d. Whitelist your domain to connect your Facebook Page to your website. Go to your Page Settings > Messenger Platform > Whitelisted Domains

It’s done! Refresh your website and enjoy your FB chat widget!

2. Connect FB with

Now the second part! Let’s connect FB to

  1. Open your accountand go toFacebook Messenger settings.


  1. Sign up with your FB account to select a page to connect to

All done! From now on, you can handle all chats from Messenger in your app!

comments powered by Disqus