Messenger Live Chat is a plugin created by Facebook. You can integrate it directly into your website. Your customers will be able to contact you quickly and easily, without having to leave your site.

Integrating Messenger Live Chat

There are two main steps that you need to complete:

Step 1 – Set up the Messenger Live Chat Plugin

1. Log into your Facebook account, and access Meta Business Suite on the left:

Accessing Meta Business Suite via your personal Facebook account

2. Go to the Inbox:

Inbox settings in the Meta Business Suite

3. Within the Inbox, click on the settings wheel in the top-right and select View all settings:

The cogwheel button leads to View all settings

4. Within the Inbox settings, open the Chat Plugin section and do the following:

  1. Insert your domain name (https://domain.tld/)

  2. (Optional) Set up automated messages

  3. (Optional) Customize your chat plugin

  4. Click Publish:

And that's it! All that's left is to find your Facebook page ID in your website's integrations settings (see below).

Step 2 – Connect Messenger Live Chat Plugin to Your Website

1. Within the Inbox settings, open the Messaging section, and you'll see your messenger URL – it includes your page ID. Copy it:

Messaging settings in Meta Business Suite

2. Within the website builder, open the integrations settings. Find the Messenger Live Chat field and paste your Facebook page ID there:

Integrations settings in Hostinger Website Builder

3. Save the changes and update your website.

The chat bubble will appear on your website within a few hours.

NOTES:

  • You don't need to paste any additional code (script) into your website's integrations settings: your Facebook page ID is enough

  • You can also locate your Facebook page ID this way: Find your Facebook page ID

  • However, if you want to integrate Messenger Live Chat via code, you should paste the code into the Custom code field


Troubleshooting

If more than fours hours have passed after integrating Messenger Live Chat into your website, but the chat bubble isn’t yet visible on your website, check the following:

  1. Is the domain inserted in the correct format on Facebook's end

  2. Is the domain whitelisted on Facebook's end

  3. Is the correct Facebook page ID inserted on the website builder's end

  4. Is the website updated

Step 1 – Double-Check the Domain Format

Make sure that the domain is inserted in this format: https://domain.tld/ (without WWW) in your Inbox settings → Chat plugin:

Chat plugin settings in Meta Business Suite

Step 2 – Whitelist Your Domain

Open your regular (personal) Facebook profile and go to Pages on the left:

Accessing the Pages section via your personal Facebook account

Then open your FB page on the left:

Accessing your Facebook page management area

On the left, go to Settings:

Facebook page settings

Go to the Advanced messaging section, insert your domain under Whitelisted domains, and click Save:

The Whitelisted domains section in the Advanced messaging settings

Step 3 – Double-Check the Facebook Page ID

Make sure that the correct Facebook page ID has been pasted into your website's integration settings. You can find the ID this way: Find your Facebook page ID

Step 4 – Update the Website

Finally, update your website, give it some time, and check it online. You may also need to clear the cache.

NOTE: If you've completed all the above steps, and the chat bubble still hasn't appeared on your website, get in touch with our customer success team

Did this answer your question?