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:
Set up the Messenger Live Chat plugin
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:
2. Go to Inbox:
3. Click on the settings wheel in the top-right and select View all settings:
4. Within the Inbox settings, open the Chat Plugin section and do the following:
Insert your domain name:
https://domain.tld/
orhttps://www.domain.tld/
depending on whether the www prefix is enabled in your website's general settings(Optional) Set up automated messages
(Optional) Customize your chat plugin
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:
2. Within the website builder, open the integrations settings. Find the Messenger Live Chat field and paste your Facebook page ID there:
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:
Step 2 – Whitelist Your Domain
Open your Facebook profile and go to Pages on the left:
Then, open your FB page on the left:
On the left, go to Settings:
Go to the Advanced messaging section, insert your domain under Whitelisted domains, and click on Save:
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.