Add Facebook Messenger and Instagram DM chat widgets to your site. Drive faster replies by routing visitors to Messenger or IG DMs on their preferred channel.
Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
Bring real-time Messenger and DM conversations right to your website. The new Facebook Chat and Instagram Chat widget types let you greet visitors on the Meta channel they already use, boosting response rates and streamlining follow-ups.
Facebook Chat and Instagram Chat are channel-specific options inside the GHL Customer Care Chat Widget. Instead of opening a website messenger, these widget types redirect visitors to the selected Meta channel (Messenger or Instagram DM) so conversations continue natively on Facebook or Instagram. Each type comes with a dedicated setup panel in the builder for selecting (or connecting) the correct Facebook Page or Instagram business account.
Key Benefits of Facebook & Instagram Chat
Frictionless Engagement: Visitors continue the conversation in Messenger or IG DM without creating a separate on-site chat thread.
Channel Preference: Meet customers on the social platform they already use for daily messaging.
Better Adoption: Leverages users’ existing Facebook/Instagram logins and apps.
Unified Inbox: Keep every Meta conversation inside GHL Customer Care’s Conversations inbox alongside SMS, email, and WhatsApp.
Cross-Device Continuity: Conversations persist in the user’s Messenger/IG app, so threads follow them across devices without losing history.
How To Setup Facebook & Instagram Chat Widgets
Follow these steps to quickly and easily create a Facebook or Instagram chat widget that you can install on your website!
Step 1: Create a New Widget
Navigate to Sites → Chat Widgets then select the blue + New button.
Step 1: Create a New Widget (image 1 of 5)What this shows Navigate to Sites → Chat Widgets then select the blue + New button.What this showsIllustrates the "Step 1: Create a New Widget" section of "Facebook and Instagram Chat Widgets".This screenshot appears in the "Step 1: Create a New Widget" section of "Facebook and Instagram Chat Widgets". The text alongside this image reads: Navigate to Sites → Chat Widgets then select the blue + New button. Immediately after, the guide continues: In the "Select the type of chat” pop-up, choose Facebook Chat or Instagram Chat.Image 1 of 5Where to goNavigate to Sites → Chat Widgets then select the blue + New button.
Buttons and menus referencedSitesChat Widgets+New
Next stepIn the "Select the type of chat” pop-up, choose Facebook Chat or Instagram Chat.
Step 2: Select Chat Type
In the "Select the type of chat” pop-up, choose Facebook Chat or Instagram Chat.
If a Facebook/Instagram account is connected but no pages are selected, a page selection modal opens up to select the page to be used in the widget.
Step 2: Select Chat Type (image 2 of 5)What this shows If a Facebook/Instagram account is connected but no pages are selected, a page selection modal opens up to select the page to be used in the widget.What this showsIllustrates the "Step 2: Select Chat Type" section of "Facebook and Instagram Chat Widgets".This screenshot appears in the "Step 2: Select Chat Type" section of "Facebook and Instagram Chat Widgets". The text alongside this image reads: If a Facebook/Instagram account is connected but no pages are selected, a page selection modal opens up to select the page to be used in the widget. Immediately after, the guide continues: Important: You cannot select Facebook Chat or Instagram Chat here unless a corresponding account is already connected to the sub-account. If you don’t have a connected account yet, the in-modal link will instead prompt you to connect an….Image 2 of 5What to chooseIf a Facebook/Instagram account is connected but no pages are selected, a page selection modal opens up to select the page to be used in the widget.
Buttons and menus referencedFacebook ChatInstagram Chat
Next stepImportant: You cannot select Facebook Chat or Instagram Chat here unless a corresponding account is already connected to the sub-account. If you don’t have a connected account yet, the in-modal link will instead prompt you to connect an account (e.g., Connect Facebook/Instagram under integrations). Open this link, connect your account, then return to this selector to choose the chat type.
Important: You cannot select Facebook Chat or Instagram Chat here unless a corresponding account is already connected to the sub-account. If you don’t have a connected account yet, the in-modal link will instead prompt you to connect an account (e.g., Connect Facebook/Instagram under integrations). Open this link, connect your account, then return to this selector to choose the chat type.
Step 2: Select Chat Type (image 3 of 5)What this shows Important: You cannot select Facebook Chat or Instagram Chat here unless a corresponding account is already connected to the sub-account.What this showsIllustrates the "Step 2: Select Chat Type" section of "Facebook and Instagram Chat Widgets".This screenshot appears in the "Step 2: Select Chat Type" section of "Facebook and Instagram Chat Widgets". The text alongside this image reads: Important: You cannot select Facebook Chat or Instagram Chat here unless a corresponding account is already connected to the sub-account. If you don’t have a connected account yet, the in-modal link will instead prompt you to connect an account (e.g., Connect Facebook/Instagram under…. Immediately after, the guide continues: Customize the Style, Chat Window and Messaging tabs as needed (colors, greeting text, launcher icon) to build a widget that matches your brand. For additional design options, see Overview of Chat Widget Customizations.Image 3 of 5What to fill inImportant: You cannot select Facebook Chat or Instagram Chat here unless a corresponding account is already connected to the sub-account. If you don’t have a connected account yet, the in-modal link will instead prompt you to connect an account (e.g., Connect Facebook/Instagram under integrations). Open this link, connect your account, then return to this selector to choose the chat type.
Buttons and menus referencedFacebook ChatInstagram Chat
Next stepCustomize the Style, Chat Window and Messaging tabs as needed (colors, greeting text, launcher icon) to build a widget that matches your brand. For additional design options, see Overview of Chat Widget Customizations.
Step 3: Customize the Widget
Customize the Style, Chat Window and Messaging tabs as needed (colors, greeting text, launcher icon) to build a widget that matches your brand. For additional design options, see Overview of Chat Widget Customizations.
Within the Chat Window tab, you can change what Facebook/Instagram account is linked to the widget. If needed, click Connect a linked Facebook/Instagram account button to open the new connection modal and add more pages/accounts.
After making all required edits, save your widget.
Step 3: Customize the Widget (image 4 of 5)What this shows After making all required edits, save your widget.What this showsIllustrates the "Step 3: Customize the Widget" section of "Facebook and Instagram Chat Widgets".This screenshot appears in the "Step 3: Customize the Widget" section of "Facebook and Instagram Chat Widgets". The text alongside this image reads: After making all required edits, save your widget. Immediately after, the guide continues: To install this widget on a 3rd party site, click Get Code t hen embed the code snippet on your website/funnel where you want the widget to appear. If you are installing it onto a Wordpress site, click Get it for Wordpress. This widget….Image 4 of 5How to confirmAfter making all required edits, save your widget.
Buttons and menus referencedStyleChat WindowMessaging
Next stepTo install this widget on a 3rd party site, click Get Code t hen embed the code snippet on your website/funnel where you want the widget to appear. If you are installing it onto a Wordpress site, click Get it for Wordpress. This widget can also be installed directly within the GHL Customer Care Funnel and Website builders
Step 4: Share Your Widget
To install this widget on a 3rd party site, click Get Code then embed the code snippet on your website/funnel where you want the widget to appear. If you are installing it onto a Wordpress site, click Get it for Wordpress. This widget can also be installed directly within the GHL Customer Care Funnel and Website builders
Step 4: Share Your Widget (image 5 of 5)What this shows To learn more, check out How to Install GHL Customer Care's Chat WidgetWhat this showsIllustrates the "Step 4: Share Your Widget" section of "Facebook and Instagram Chat Widgets".This screenshot appears in the "Step 4: Share Your Widget" section of "Facebook and Instagram Chat Widgets". The text alongside this image reads: To learn more, check out How to Install GHL Customer Care's Chat Widget. Immediately after, the guide continues: Q: Can I enable both Facebook and Instagram in one widget?Image 5 of 5What this coversTo learn more, check out How to Install GHL Customer Care's Chat Widget
Buttons and menus referencedGet Code tGet it for Wordpress.
Next stepQ: Can I enable both Facebook and Instagram in one widget?
Frequently Asked Questions
Q: Can I enable both Facebook and Instagram in one widget?
No. Each widget is tied to a single channel. For multi-channel bubbles, use the All-in-One Chat widget.
Q: Will conversations show up inside GHL Customer Care’s Conversations tab? Yes, provided your Facebook/Instagram integrations and permissions are correctly connected and messaging access is enabled.
Q: Can I run automations on incoming messages?
Absolutely! Use the Facebook Message or Instagram Message workflow triggers to tag, assign, or route the chat.
Q: Does the visitor have to be logged in to Facebook or Instagram?
Yes. If they are not logged in, the Meta login screen opens first.
Q: Do Style and Messaging settings work differently for FB/IG widgets? No. Styling and placement behave the same as other chat types. The main difference is where the conversation occurs (Meta vs on-site).
