---
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
---

[NewWe just raised $62.5M in Series B! 🎉 What it means for you![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](https://respond.io/blog/respond-io-raises-62-million-series-b)

Help me with... ⌘ 

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

# Facebook Chat Plugin

> 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 👩‍💻

* [Facebook Message TemplatesLearn more about Facebook Message Templates, why they replace message tags on respond.io, and how to use them to send compliant utility messages outside the 24-hour Messenger window under Meta’s latest policies. ](/help/facebook-messenger/facebook-message-templates)
* [Facebook Messenger OverviewGet an overview of the Facebook Messenger channel and its capabilities. ](/help/facebook-messenger/facebook-messenger-overview)
* [Facebook Messenger Quick StartConnect a Facebook Page to chat with customers over Facebook Messenger. ](/help/facebook-messenger/facebook-messenger-quick-start)
* [Messenger CallsLearn how to use Messenger Call to receive and make calls. ](/help/facebook-messenger/messenger-call)
* [Facebook Private RepliesAutomatically send a private message to users that comment on your Facebook Post. ](/help/facebook-messenger/private-replies)

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

[Contact Support](/contact-us)

2026-10-12T09:29:28.523Z

help

```json
{"@context":"https://schema.org","@graph":[{"@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":"2026-05-08T11:16:36.476Z","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":{"@id":"https://respond.io/#organization"},"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","@id":"https://respond.io/help/facebook-messenger/facebook-chat-plugin#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Help","item":"https://respond.io/help"},{"@type":"ListItem","position":2,"name":"Channels","item":"https://respond.io/help/channels"},{"@type":"ListItem","position":3,"name":"Facebook Messenger","item":"https://respond.io/help/facebook-messenger"},{"@type":"ListItem","position":4,"name":"Facebook Chat Plugin","item":"https://respond.io/help/facebook-messenger/facebook-chat-plugin"}]},{"@type":"Organization","@id":"https://respond.io/#organization","name":"Respond.io","alternateName":"respond.io","url":"https://respond.io/","image":["https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0"],"logo":"https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4045649d540241d398c39ab07b2b62bb","description":"Respond.io is an AI-powered customer conversation platform that helps businesses manage conversations, automate workflows and scale sales, marketing and support operations. Trusted by 10,000+ B2C brands, it unifies WhatsApp, TikTok, Instagram and Facebook in a single AI-powered team inbox for chats, calls and campaigns.","email":"success@respond.io","telephone":"+6011-54211197","foundingDate":"2017-02-17","address":{"@type":"PostalAddress","streetAddress":"Level 41, Permata Sapura Tower, Jalan Pinang","addressLocality":"Kuala Lumpur","addressRegion":"Federal Territory of Kuala Lumpur","postalCode":"50088","addressCountry":"MY"},"areaServed":"Worldwide","contactPoint":{"@type":"ContactPoint","contactType":"Customer Service","url":"https://respond.io/contact"},"sameAs":["https://respond.io/","https://www.facebook.com/getrespondio/","https://www.linkedin.com/company/respondio/","https://play.google.com/store/apps/details?id=com.respond.inbox.io","https://www.youtube.com/@respondio","https://twitter.com/respond_io","https://apps.apple.com/my/app/respond-io-inbox/id1667772955","https://www.g2.com/products/respond-io/reviews","https://www.producthunt.com/products/respond-io","https://zapier.com/apps/respondio/integrations","https://www.capterra.com/p/179311/Rocketbots/","https://www.crunchbase.com/organization/respondio","https://builtin.com/company/respondio","https://respond-io.en.softonic.com/web-apps","https://my.jobstreet.com/companies/respondio-168558101085004","https://brandfetch.com/respond.io","https://webcatalog.io/en/apps/respond-io"],"knowsAbout":["WhatsApp API","WhatsApp Business API","WhatsApp CRM","WhatsApp automation","omnichannel communication platform","WhatsApp Business Multiple Users","WhatsApp BSP","WhatsApp Business Solution Provider","WhatsApp automation tool","WhatsApp team inbox","WhatsApp AI agent","WhatsApp Business AI chatbot","WhatsApp marketing software","conversational sales platform","WhatsApp appointment booking"]},{"@type":"WebPage","@id":"https://respond.io/help/facebook-messenger/facebook-chat-plugin#webpage","url":"https://respond.io/help/facebook-messenger/facebook-chat-plugin","name":"Facebook Chat Plugin","description":"Learn how to add a Facebook Customer Chat Plugin to your website.","isPartOf":{"@id":"https://respond.io/#website"},"primaryImageOfPage":{"@type":"ImageObject","url":"https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0"},"breadcrumb":{"@id":"https://respond.io/help/facebook-messenger/facebook-chat-plugin#breadcrumb"}},{"@type":"WebSite","@id":"https://respond.io/#website","name":"Respond.io","url":"https://respond.io/","potentialAction":{"@type":"SearchAction","query-input":"required name=search_term_string","target":"https://respond.io/search?query={search_term_string}"},"publisher":{"@id":"https://respond.io/#organization"}}]}
```