---
description: Learn how to add a Facebook Customer Chat Plugin to your website.
title: Facebook Chat Plugin
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[New🌍 WhatsApp API Calling is now available globally! Start making calls with respond.io today. Learn more![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/whatsapp-business-calling-api)

Help me with... ⌘ 

1. [All Collections >](/help)
2. [ Channels >](/help/channels)
3. [ Facebook Messenger >](/help/facebook-messenger)
4. Facebook Chat Plugin

# Facebook Chat Plugin

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 04 Apr 2025

2 min read

> Effective immediately, the Chat Plugin in guest mode on Facebook will no longer be available. Furthermore, Meta has announced that the Facebook Chat Plugin will be deprecated and no longer function as of May 9, 2024\. However, features such as m.me links will remain available for use. Learn more about [Chat Plugin here](https://developers.facebook.com/docs/messenger-platform/discovery/facebook-chat-plugin/).

The Facebook Customer Chat Plugin allows customers to chat through Facebook Messenger on your website. If your website visitors already have a conversation history with your Facebook page, the history will be visible on Facebook Chat Plugin. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/22AZUf47VuMblLohxA9NDC/42c5f54dc301591c9999baafb89804a0/facebook-chat-plugi.png?fm=avif&w=1000) 

This helps to create a single experience for your contacts and enables you to continue the conversation even after they have left your webpage. However, it requires website visitors to be logged in to their Facebook account to chat. Visitors that are not logged in will be prompted to do so.

## Creating a Facebook Chat Plugin Script

**Step 1: Navigate to the Growth Widgets module**

From the **Settings** module, navigate to the menu item, **Growth Widgets**.

**Step 2: Click Add Widget and locate the Facebook Chat Plugin**

Once you've located the Facebook Chat Plugin, select it and click **Create Widget**.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/6pqseACHX3rsEGXRB0BF9k/f0feb1cdd7cc02579389192eb2730358/growth-widget-facebook-chat-plugi.png?fm=avif&w=1000) 

**Step 3: Specify the domains**

Enter the domains that you would like the Facebook Chat Plugin added to.

> Facebook Chat Plugin does not allow using \* to replace the subdomain (e.g., https://\*.respond.io).

**Step 4: Select your Facebook Channel**

Select one of your connected Facebook channels from the dropdown list.

**Step 5: Configure additional settings**

If you want to further customize the widget, click the **Advanced Settings** button to show the additional settings.

The parameters you can adjust are outlined as below:

**Color Theme**

Using the interactive color picker, choose a color that best suits your brand and the website.

**Add Reference Code**

A reference code can be added to Contacts who chat with you through the Chat Plugin so that you can track the source of the contact. It will appear in the messages of the Contacts as an in-line event when a conversation is opened.

**Display Greeting Dialog**

The widget can be set in three modes:

* **Show:** Greeting pops open after a specified delay
* **Hide:** Only the messenger logo will be shown until the user clicks on it
* **Fade:** Greeting pops up after a specified delay then fades away

**Greeting Dialog Controls**

The following Greeting Dialog controls can also be adjusted:

* **Greeting Dialog Delay:** Set the delayed time for the greeting dialog pop-up (in seconds)
* **Greeting message for logged in user:** Greeting message for users whose browsers are already logged in to Facebook
* **Greeting message for logged out user:** Greeting message for users whose browsers are not logged in to Facebook

**Step 6: Proceed to obtain the script**

Click the **Generate Widget** button in the top right and obtain the script to be added to the webpage. Alternatively, you can email the instructions to someone else.

## Installing the Chat Plugin

Installing the Facebook Chat Plugin will be similar to installing the web chat widget. Please refer to this [guide](https://respond.io/help/website-chat-widget/website-chat-widget-overview#installing%5Fthe%5Fchat%5Fwidget) on how to install the chat plugin.

## Troubleshooting

### Chat Plugin Not Showing/Loading

Try the following methods:

1. Check if the web page URL starts with HTTPS, Facebook Chat Plugin may not work on websites without SSL certificates.
2. Check the domain is whitelisted correctly in Facebook Chat Plugin Settings.

### Chat Plugin Not Showing/Loading (Installed With Wix)

Try the following method:

1. Move the Facebook Chat Plugin to the top of the Tracking Tools & Analytics list.
![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3sg6R6nQ9o60kfOC0GKqpb/b1065d08c6d778f1ce70b0accd8335e4/chat-plugin-not-showing-loadi.png?fm=avif&w=1000) 

Share this article

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/facebook-messenger/facebook-chat-plugin)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/facebook-messenger/facebook-chat-plugin)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/facebook-messenger/facebook-chat-plugin)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/facebook-messenger/facebook-chat-plugin)

## 

Related articles 👩‍💻

* [Messenger CallsLearn how to use Messenger Call to receive and make calls. ](/help/facebook-messenger/messenger-call)
* [Facebook Message TagSend a tagged message to contacts after the 24-hour messaging window. ](/help/facebook-messenger/message-tag)
* [Facebook Private RepliesAutomatically send a private message to users that comment on your Facebook Post. ](/help/facebook-messenger/private-replies)
* [Facebook Messenger Quick StartConnect a Facebook Page to chat with customers over Facebook Messenger. ](/help/facebook-messenger/facebook-messenger-quick-start)
* [Facebook Messenger OverviewGet an overview of the Facebook Messenger channel and its capabilities. ](/help/facebook-messenger/facebook-messenger-overview)

Can't find what you're looking for? 🔎

[Contact Support](/contact-us)

2025-12-05T03:58:47.511Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Learn how to add a Facebook Customer Chat Plugin to your website.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/author"},"dateCreated":"2024-03-29T01:55:40.000Z","dateModified":"2025-04-04T09:56:42.626Z","datePublished":"2024-03-29T01:55:40.000Z","headline":"Facebook Chat Plugin","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/22AZUf47VuMblLohxA9NDC/42c5f54dc301591c9999baafb89804a0/facebook-chat-plugi.png","mainEntityOfPage":"https://respond.io/help/facebook-messenger","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/22AZUf47VuMblLohxA9NDC/42c5f54dc301591c9999baafb89804a0/facebook-chat-plugi.png","url":"https://respond.io/help/facebook-messenger/facebook-chat-plugin"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/help","position":1},{"@type":"ListItem","name":"Channels","item":"https://respond.io/help/channels","position":2},{"@type":"ListItem","name":"Facebook Messenger","item":"https://respond.io/help/facebook-messenger","position":3},{"@type":"ListItem","name":"Facebook Chat Plugin","item":"https://respond.io/help/facebook-messenger/facebook-chat-plugin","position":4}]}]
```
