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

Updated over a week ago

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

Integrating Messenger Live Chat

To add Messenger Live Chat to a website created with Hostinger Website Builder, complete two main steps:

  1. Set up the Messenger Live Chat plugin

  2. Connect the plugin to your website

Step 1 – Setting 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 Inbox:

Inbox settings in the Meta Business Suite

3. 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 on Publish:

And that's it! Now, find your Facebook page ID and add it to your website's integrations settings (see below).

Step 2 – Connecting 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 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 four 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 Meta's 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 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 on 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?