Add Facebook Chat Plugin to your website | No-code Livechat

The Facebook Customer Chat Plugin, is a free tool offered by Facebook (or should I say Meta). It enables you to connect and speak with your customer through a chatbot directly on your website.

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 Facebook Chat Plugin in its initial state.

Conversation in the Customer Chat Plugin
A conversation in the Facebook Messenger Plugin

In terms of marketing, the advantage of the Facebook 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!

What are the use cases of this chat plugin?

Since you can completely customize your Facebook Chat Plugin, the use cases are infinite and depend on what your objectives are. Do you want to get more leads? Close sales? Automate your support?

Get more leads

Using the Facebook Chat Plugin is great for getting leads, they are up and ready to answer user’s questions 24/7, day and night. In today's globalized world, this is even more important because your customer may be on the other side of the globe and your customer support can’t be up every time your customer needs you.

Configure your Chat Plugin to collect users’ contact information such as their phone number or their email address. With Ideta, you can even program your chatbot to send the information to your CRM so your sales team can contact your leads once they can.

Automate your FAQ

Before purchasing, 81% of customers conduct product research. This means that your landing page has to be clear and answer every customer’s hesitation. This can also be done by implementing a customer chat plugin to your website.

By providing your chatbot with answers for the most common questions, it helps enhance your customer experience. They will get answers to their queries in few second and without putting to much pressure on your customer support team

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 of this chat plugin?

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.

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 Facebook Customer Chat Plugin 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.

Facebook Plugin SDK code
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 Facebook Messaging
Add your domain to the Whitelist

Step Three: Add it to your website

Add the Chat 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

You want to increase your Facebook Post Engagement? Check out our completely free auto comment & reply tool for Facebook!

Best Articles

Written by
Ideta

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

Linkedin
Try our chatbot builder for free!
COMPLETELY FREE FACEBOOK AUTO COMMENT & REPLY TOOL