Quick Start
What is respond.io?
Setting Up an Account
Connecting Channels
Inviting Your Teammates
Getting Contacts to Message You
Automated Welcome and Away Messages
Responding to Messages
Glossary of Terms
Channels
WhatsApp Overview
WhatsApp Cloud API Quick Start
360dialog WhatsApp Quick Start
Twilio WhatsApp Quick Start
MessageBird WhatsApp Quick Start
Vonage WhatsApp Quick Start
WhatsApp Message Templates
Phone Number Migration to WhatsApp Cloud API
Facebook Messenger
Website Chat Widget
Website Chat Widget Overview
Install Website Chat Widget on WordPress
Install Website Chat Widget on Shopify
Install Website Chat Widget on Wix
Install Website Chat Widget on Joomla
Install Website Chat Widget on Squarespace
SMS
Channels Overview
Telegram
Viber
LINE
Google Business Messages
Custom Channel
Product
Dashboard & Reporting
Dashboard
Reports Overview
Reports: Conversations
Reports: Users
Reports: Contacts
Reports: Messages
Reports: Logs
Messages
Contacts
Contacts Overview
Contact Details
Merge Suggestions
Contact Activity
Contact Channels
Contact Import
Segments
Broadcasts Module
Workflows
Dynamic Variables
Workspace Settings
Managing a Workspace
Workspace Settings: General
Workspace Settings: Users
Workspace Settings: Teams
Workspace Settings: Channels
Workspace Settings: Contact Fields
Workspace Settings: Integrations
Workspace Settings: Closing Notes
Workspace Settings: Snippets
Workspace Settings: Files
Workspace Settings: Data Export
Workspace Settings: Data Import
Workspace Settings: Growth Widgets
Organization Settings
Organization Overview
Organization Settings: General
Organization Settings: Users
Organization Settings: Workspaces
Organization Settings: Billing & Usage
User Account
Support Use Cases
Inbound Support: Identify Contacts by Email and Phone Number
Inbound Support: Enrich Customer Data from a CRM or other Business Software
Inbound Support: Route Customers to the Right Team Automatically
Inbound Support: Auto-Assign Customers to a Team or Dedicated Agent
Send Outbound Support Messages
Support: Closing Conversations
Use respond.io to Create Tickets in External Ticketing Systems
Supervising Your Support Agents
Reporting for Support
Send CSAT to Customer and Save Data in Google Sheets or CRMs
Sales Use Cases
Inbound Sales: Collect Leads' Email and Phone Number
Inbound Sales: Enrich Contact Data and Qualify Leads
Inbound Sales: Routing Leads
Inbound Sales: Auto-Assign Leads to Sales Agents
Sending Outbound Sales Messages
Track Productivity by Closing Conversations
Using respond.io to Create Deals in a CRM
Supervising Sales Agents
Reporting for Sales
Broadcasts Use Cases
Sending a Simple Broadcast
Start a Workflow Based on Broadcast Response
Troubleshooting a Failed Broadcast
Integrations
Dialogflow
Dialogflow Overview
Dialogflow: Connecting to Dialogflow
Dialogflow: Creating a Chatbot
Dialogflow: Managing Intents
Dialogflow: Parameters
Dialogflow: Events
Dialogflow: Response Templates
Dialogflow: Custom Payloads
Dialogflow: Fulfillment Webhook Request
E-Commerce & CRM Integrations
E-Commerce Integration: Shopify
E-Commerce Integration: BigCommerce
E-Commerce Integration: WooCommerce
E-Commerce Integration: Magento
CRM Integration: HubSpot
CRM Integration: Salesforce
CRM Integration: Pipedrive
CRM Integration: ActiveCampaign
Zapier
Developer API
Webhooks
Partnership
We love to hear from you!
Table of Contents
- Home
- Channels
- Facebook Messenger
- Facebook Chat Plugin
Facebook Chat Plugin
Updated
by JQ Lee
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.

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.

Step 3: Specify the domains
Enter the domains that you would like the Facebook Chat Plugin added to.
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 on how to install the chat plugin.
Troubleshooting
Chat Plugin Not Showing/Loading
Try the following methods:
- Check if the web page URL starts with HTTPS, Facebook Chat Plugin may not work on websites without SSL certificates.
- Check the domain is whitelisted correctly in Facebook Chat Plugin Settings.
Chat Plugin Not Showing/Loading (Installed With Wix)
Try the following method:
- Move the Facebook Chat Plugin to the top of the Tracking Tools & Analytics list.

Feeling stuck? Do not fear.
Help is here!Facebook Messenger Overview
Facebook Private Replies
Related Articles
Install Website Chat Widget on Wix
Learn how to install a web chat widget on your Wix website.
Install Website Chat Widget on Joomla
Learn how to install a web chat widget on your Joomla website.
Install Website Chat Widget on Squarespace
Learn how to install a web chat widget on your Squarespace website.