Complete guide of the customer chat plugin on Facebook Messenger

When Messenger published the Custom Chat Plugin, I was pretty excited by the product’s potential. Their new Customer Chat Plugin increase customer engagement by allowing them to interact with your company directly on your website via Facebook Messenger.

What is the Customer Chat Plugin?

Roughly speaking, Messenger created a free live chat tool that’s connected to the messenger of your Facebook page! With only a few clicks you can add the Facebook Customer Chat Plugin to your website. Then, customers can, for example, ask questions in this chat and they can get an answer directly 24/7 with no delay.

Customer Chat Plugin hello
the Customer Chat Plugin in its initial state.
Conversation in the Customer Chat Plugin
a conversation in the Customer Chat Plugin

For example, customers who ask questions after visiting your page are able to ask them.

However, as often the case, when you give an option to a user, they will have the tendency to use it… and that means deploying a community manager behind the conversations to answer questions. And that, that’s not scalable… but we will come back to that later.

In terms of marketing, the advantage of this Customer Chat Plugin is that the users who sent you a message can be contacted again through this same messenger.  There are broadcast APIs that can send messages to potential customers with open rates ten times higher than emails!

In addition, customers who have asked questions also constitute a special audience in Messenger’s central advertising and can be retargeted on Facebook, Instagram and the entire Facebook advertising network. This is a hot audience that needs to be taken care of and traditionally has very good conversation rates.

But how do I respond to all these customers?

In parallel with this Plugin, Messenger has allowed the development of chatbots. More than 300,000 robots interact with users, 24/7. The idea is to connect a chatbot to a Facebook page, which will make it available in the Customer Chat Plugin and thus on your website.

Chatbots (chatting robots) answer automatically to your customers when they interact with your chat. Facebook made it easy and simple to implement such a chatbot via Messenger so your customers can easily send message that your robot understands.

How does this chatbot speak with my customers?

It’s possible to use natural language understanding algorithms to automatically respond to users’ questions and thus remove their last objections. The robot will understand the question and provide them with the correct answers. First, your customer’s message will be analysed by your chatbot’s IA.

With proper training the robot will understand some words and analyse them. Then, it will deduce your customer intent and provide them with the correct answers.

Don’t be afraid, this is now very simple and can be done with no code!

In summary?

By connecting a chatbot with Customer Chat Plugin, you will answer user questions, which generally helps increase conversation rates.  You can also re-contact them via a newsletter on Messenger or through targeted advertising.

According to a Facebook survey, 64% of people assert that chatting through a messenger have made their exchange easier. Big companies have rapidly adapted and they integrated the Customer Chat plugin onto their website and their Facebook page. They rapidly see an increase in their customer satisfaction and engagement.

What about the drawbacks?

In my opinion, the Customer Chat Plugin can be an excellent tool in B2C, but the connection to Facebook is mandatory, therefore limiting the reachable audience.

How can I install the Customer Chat Plugin?

Facebook made it really easy to add their Chat Plugin to your website. With only a few clicks you can enable messaging so your customer can speak directly to you while browsing.

Step One: Include Facebook’s SDK

Copy and paste Facebook’s piece of JavaScript into the HTML code of your website. Insert it directly after the opening body tag of each page you want your Customer Chat to appear.

This will install the Facebook SDK on your website. SDK means “Software Development Kit”, which is a set of software tools and programs given by Facebook to make their Customer Plugin easy to install

You can find the SDK, here.

SDK Messenger
Facebook SDK Code

Step Two: Whitelist your domain

Whitelist your domain on your Facebook page settings. Go to:

  1. Page Settings -> Messenger Platform -> Whitelisted Domains
  2. Enter your domain name
whitelist messenger
Add your domain to the Whitelist

Step Three: Add it to your website

Add the Plugin to your website by pasting the code and include the attribute you want. You can see what each attribute does here.

webflow customer chat plugin
Webflow made it easy to add code

Step Four: Connect to Ideta

Connect your Ideta’s account to Facebook and publish your chatbot!

add customer chat plugin to website
You can also add your chatbot to many others channels

If you are not a developper, try this.

If you are not familiar with web development, you can also use the Setup Tool Facebook that Facebook provides. Go to:

  1. Page Settings -> Messaging -> “Add Messenger to your website” section
  2. Customize your chat
Add Messenger with Facebook Setup Tool, it's easy to use.

When you are finished, the setup tool automatically generates the code you need and you can copy and paste it to your website. You can also directly add your domain to your whitelist.

And that’s it, you are live! Your customer can now contact you through the Customer Chat Plugin and you can answer them live

To deepen the subject :

You have an FAQ ? You have a problem !

Written by

We help companies build their own chatbots, voicebots or callbots, by providing them with a powerful software.