How to install the Facebook Messenger Customer Chat plugin on my website?

Do you want to install a free online chat module on your website so that Internet users can contact you and ask you all their questions through Facebook Messenger? The paid online chat modules are not suitable for you and you want to install a simple and effective alternative? The good news, if you have a Facebook page, is that Facebook has developed its own free chat module that any site can install to allow people to contact them. Here is how it works.

For several years now, Facebook has tested and launched in beta version a free chat module to install on websites that allows any Internet user to contact a brand via Facebook Messenger.

Perfectly functional and compatible with all browsers, Messenger’s Customer Chat multidevice plugin offers a very good 100% free alternative to the paid online chat services available on the market.

We therefore offer you a summary of the main features offered by Messenger Customer Chat and especially how to install it in a few minutes on any website.


Here is an overview of the Messenger Customer Chat plugin when the user has not yet taken any action

  • Multidevice use . Regardless of the device (smartphone, tablet or computer), Internet users can interact with a website via this new free Chat plugin.
  • Multidevice conversation history . The conversation history will be kept and accessible from all devices: if a conversation is started on the go from a smartphone and then continues from a computer, the user will keep all of their conversation history with the brand.
  • Automatic language detection . The chat plugin automatically detects the user’s language and adapts accordingly.
  • A gateway to the Facebook page . By clicking on the “(i)” located at the top right of the conversation, Internet users can decide to:
    • deactivate messages: the brand will no longer be able to communicate with the Internet user)
    • mute the conversation: brand messages will no longer trigger the sending of notifications
    • visit the company’s Facebook page directly.
    • display the conversation in the classic Messenger interface.
  • Automatic greeting message . When the user clicks on the “Discuss Now” CTA, it is possible to configure an automatic welcome message which may contain a link, personalization elements, a promo coupon, telephone numbers, etc. (however, they cannot be different from the one configured on the Facebook page)
  • Integration of links or promotional coupons in the welcome message . Via the automatic welcome message, it is possible to integrate one (or more) link to redirect Internet users to the best sales of the moment, the last blog article or a limited offer not to be missed for example.
  • Customization of the title of the Customer Chat plugin . It is possible to change the title of the chat plugin.
  • Color customization . The webmaster can choose the color code (hexadecimal) of the plugin if he does not want to keep the blue of Facebook Messenger.

Here is an overview of how the Chat plugin works once the internet user has performed their first action: clicking on the “Chat Now” CTA.


The process of configuring and installing the Facebook chat module is very quick and easy, it shouldn’t take you more than 30 minutes (unless your developers are not very responsive…).

  • 1- Log in as administrator to your Facebook page
  • 2- Go to the settings of your “Settings” -> “Messenger Platform” page: (replace “yournamedepage” by your name of page otherwise you will get an error page.
  • 3- If you haven’t already done so, whitelist your domain name: To whitelist a domain, you just need to add the HTTPS URL of your site and then click on “Save”.
  • 4- Scroll to the “  Customer Chat Plugin  ” section then click on “Set Up” / “Configuration”

customer chat messenger configuration

  • 5- Start by selecting the default language of the Messenger chat module (if Messenger detects that the Internet user speaks another language, it will adapt automatically)
  • 6- Personalize the welcome title of the chat system then click on “Next”.

customer chat messenger configuration

  • 7- Then define the average response time you want to display on your site (can be managed automatically by Messenger or defined by you)
  • 8- If you want to customize the color of the chat plugin and not have Messenger blue, retrieve the hexadecimal code of the desired color then modify it at this step before clicking on “Next”.

customer chat messenger code

  • 9- If you want to display the same chat plugin on different domains (or subdomains), whitelist the other domains in the step with the code to insert on your site.
  • 10- Integrate the code provided by Facebook just below the opening <body> tag of all the pages of your site on which you want to see the Messenger chat module displayed  (if you are on WordPress, you just need to edit the header.php file to add it to all the pages of your site)
  • 11- The Customer Chat will then automatically appear at the bottom right of your website and will be ready to receive the first messages from Internet users.

If you want to configure an automatic response or an automatic welcome message, the configuration is done from the settings of your Facebook page and not from the configuration interface of the Messenger chat system. It happens here:

For less informed users who want to use a plugin (if you are on WordPress), Facebook has developed a plugin dedicated to Customer Chat  that you can install in a few clicks on any site.


To go further, you can consult these two articles from Facebook Developers about the Customer Chat plugin:

  •  : details all customization options for developers
  •  : the official tutorial in English of Messenger
  • : another resource and some additional information on the Messenger chat plugin

PS: if you use Google Tag Manager for the integration of your tracking scripts, the integration of the Messenger chat plugin can also be done via this method which is moreover more recommended.