All Collections
Website Builder
Integrations
Website Builder: How to Connect Messenger Live Chat
Website Builder: How to Connect Messenger Live Chat

Adding the Messenger chat box to your website created with Hostinger Website Builder

Austėja Baranauskaitė avatar
Written by Austėja Baranauskaitė
Updated over a week ago

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.

Integrate Messenger Live Chat

To add Messenger Live Chat to a website created with Hostinger Website Builder, there are only two steps to complete. Set the Messenger Live Chat Plugin up, and connect the plugin to your website.

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/ or https://www.domain.tld/ depending on whether the www prefix is enabled in your website's general settings

  2. (Optional) Set up automated messages

  3. (Optional) Customize your chat plugin

  4. Click Publish:

And that's it!

Now, find your Facebook page ID, and add it to 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 box 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

Troubleshoot

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 👇

Step 1 – Double-Check the Domain Format

In Inbox settings Chat plugin, make sure that your domain is inserted in the correct format: https://domain.tld/ or https://www.domain.tld/ depending on whether the www prefix is enabled in the general settings of your website:

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.

Did this answer your question?