Skip to content
Sites

How to Create Multiple Chat Widgets in a Single Sub-Account

Create multiple Chat Widgets in one sub-account. Set a site-wide chat widget or embed page‑specific chat widgets to tailor the user experience even further!

3 min read678 words10 explained imagesUpdated Mon, 23 Feb at 10:52 AM
View as markdownOpen in ClaudeOpen in ChatGPT
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.
On this page
  1. Key Benefits of Using Multiple Chat Widgets
  2. Create Multiple Chat Widgets (Prerequisite)
  3. Set the Site‑Wide Chat Widget
  4. Assign Page-Specific Chat Widgets
  5. Frequently Asked Questions
  6. Related Articles

Use multiple Chat Widgets in GHL Customer Care to tailor conversations. This article explains how to create several widgets in a single sub-account and how to place widgets onto your sites. 

Video 1 Open in a new tab

TABLE OF CONTENTS

Overview of Multiple Chat Widgets

Multiple Chat Widgets allow you to run more than one chat widget within the same GHL Customer Care account. Each widget can have its own branding, channels, and behavior so you can provide the most relevant experience across different funnels/sites. Using purpose-built widgets improves conversions while still keeping conversations all in one place!

Key Benefits of Using Multiple Chat Widgets

  • Targeted Experience: Add multiple chat widgets with different designs and customizations on different sites.
  • Hassle-Free Updates: You do not need to reinstall the code when making changes or updating widget settings.

  • Maintenance Efficiency: Update each widget’s settings without disrupting other pages or funnels.

  • Flexibility: Set a default widget for the whole site or on a page-by-page basis.

Create Multiple Chat Widgets (Prerequisite)

Before assigning chat widgets to your sites, you must first create the widgets you plan to use. Follow the steps below to create multiple chat widgets before getting started. If you already have multiple chat widgets, you can skip this section.

For more additional details on how to create chat widgets, click here!
  1. Navigate to Sites > Chat Widget
    Step 1 of 3: Navigate to Sites > Chat Widget What this shows Step 1 of 3: Navigate to Sites > Chat Widget What this shows Shows where to go for step 1 of 3 in the "Create Multiple Chat Widgets (Prerequisite)" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 1 of 3 in the "Create Multiple Chat Widgets (Prerequisite)" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you navigate to Sites > Chat Widget. For context, this section explains: Use multiple Chat Widgets in GHL Customer Care to tailor conversations. This article explains how to create several widgets in a single sub-account and how to place widgets onto your sites. TABLE OF CONTENTS Overview of Multiple Chat Widgets Multiple Chat Widgets allow you to run more than one chat…. The navigation path used here is Sites > Chat Widget. This part of the guide covers 5 fields, listed below. The next step is to select the blue + New button. Step 1 of 3Path: Sites > Chat WidgetImage 1 of 10 Where to goNavigate to Sites > Chat Widget
    Fields in this part of the guide Overview of Multiple Chat WidgetsKey Benefits of Using Multiple Chat WidgetsAssign Page-Specific Chat WidgetsFrequently Asked QuestionsRelated Articles
    Buttons and menus referenced SitesChat WidgetTABLE OF CONTENTSOverview of Multiple Chat WidgetsMaintenance Efficiency+ NewSet the Site‑Wide Chat WidgetsitelevelWebsitesFunnelsSettings
    Next stepSelect the blue + New button
    All 3 steps in this procedure
    1. Navigate to Sites > Chat Widget this image
    2. Select the blue + New button
    3. Select the type of chat widget you would like to create. For more information on each type of chat widget, click here.
  2. Select the blue + New button
    Step 2 of 3: Select the blue + New button What this shows Step 2 of 3: Select the blue + New button What this shows Shows what to choose for step 2 of 3 in the "Create Multiple Chat Widgets (Prerequisite)" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 2 of 3 in the "Create Multiple Chat Widgets (Prerequisite)" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you select the blue + New button. For context, this section explains: Use multiple Chat Widgets in GHL Customer Care to tailor conversations. This article explains how to create several widgets in a single sub-account and how to place widgets onto your sites. TABLE OF CONTENTS Overview of Multiple Chat Widgets Multiple Chat Widgets allow you to run more than one chat…. The navigation path used here is Sites > Chat Widget Select. This part of the guide covers 5 fields, listed below. The next step is to select the type of chat widget you would like to create. For more information on each type of chat widget, click here. Step 2 of 3Path: Sites > Chat Widget SelectImage 2 of 10 What to chooseSelect the blue + New button
    Fields in this part of the guide Overview of Multiple Chat WidgetsKey Benefits of Using Multiple Chat WidgetsAssign Page-Specific Chat WidgetsFrequently Asked QuestionsRelated Articles
    Buttons and menus referenced + NewTABLE OF CONTENTSOverview of Multiple Chat WidgetsMaintenance EfficiencySitesChat WidgetSet the Site‑Wide Chat WidgetsitelevelWebsitesFunnelsSettings
    Next stepSelect the type of chat widget you would like to create. For more information on each type of chat widget, click here.
    All 3 steps in this procedure
    1. Navigate to Sites > Chat Widget
    2. Select the blue + New button this image
    3. Select the type of chat widget you would like to create. For more information on each type of chat widget, click here.
  3. Select the type of chat widget you would like to create. For more information on each type of chat widget, click here.
    Step 3 of 3: Select the type of chat widget you would like to create. For more… What this shows Step 3 of 3: Select the type of chat widget you would like to create. What this shows Shows what to fill in for step 3 of 3 in the "Create Multiple Chat Widgets (Prerequisite)" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 3 of 3 in the "Create Multiple Chat Widgets (Prerequisite)" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you select the type of chat widget you would like to create. For more information on each type of chat widget, click here. The navigation path used here is Sites > Chat Widget Select. This part of the guide covers 5 fields, listed below. Step 3 of 3Path: Sites > Chat Widget SelectImage 3 of 10 What to fill inSelect the type of chat widget you would like to create. For more information on each type of chat widget, click here.
    Fields in this part of the guide Overview of Multiple Chat WidgetsKey Benefits of Using Multiple Chat WidgetsAssign Page-Specific Chat WidgetsFrequently Asked QuestionsRelated Articles
    Buttons and menus referenced TABLE OF CONTENTSOverview of Multiple Chat WidgetsMaintenance EfficiencySitesChat Widget+ NewSet the Site‑Wide Chat WidgetsitelevelWebsitesFunnelsSettings
    All 3 steps in this procedure
    1. Navigate to Sites > Chat Widget
    2. Select the blue + New button
    3. Select the type of chat widget you would like to create. For more information on each type of chat widget, click here. this image

Set the Site‑Wide Chat Widget

Selecting a chat widget at the site level applies one widget across the entire website or funnel. This allows you to choose from all chat widgets you have created and assign different widgets to each of your sites.

To select a chat widget for a site, follow these steps:

  1. Navigate to Sites →Websites or Funnels, then select the website you would like to edit.
    Step 1 of 2: Navigate to Sites → Websites or Funnels, then select the website you… What this shows Step 1 of 2: Navigate to Sites → Websites or Funnels, then select the website you would like to edit. What this shows Shows where to go for step 1 of 2 in the "Set the Site‑Wide Chat Widget" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 1 of 2 in the "Set the Site‑Wide Chat Widget" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you navigate to Sites → Websites or Funnels, then select the website you would like to edit. This part of the guide covers 5 fields, listed below. The next step is to go to the Settings tab. Use the Chat Widget dropdown to scroll through all created Chat Widgets and select the one that you want applied to this site. Step 1 of 2Image 4 of 10 Where to goNavigate to Sites → Websites or Funnels, then select the website you would like to edit.
    Fields in this part of the guide Overview of Multiple Chat WidgetsKey Benefits of Using Multiple Chat WidgetsAssign Page-Specific Chat WidgetsFrequently Asked QuestionsRelated Articles
    Buttons and menus referenced SitesWebsitesFunnelsTABLE OF CONTENTSOverview of Multiple Chat WidgetsMaintenance EfficiencyChat Widget+ NewSet the Site‑Wide Chat WidgetsitelevelSettings
    Next stepGo to the Settings tab. Use the Chat Widget dropdown to scroll through all created Chat Widgets and select the one that you want applied to this site.
    All 2 steps in this procedure
    1. Navigate to Sites → Websites or Funnels, then select the website you would like to edit. this image
    2. Go to the Settings tab. Use the Chat Widget dropdown to scroll through all created Chat Widgets and select the one that you want applied to this site.
  2. Go to the Settings tab. Use the Chat Widget dropdown to scroll through all created Chat Widgets and select the one that you want applied to this site.
    Step 2 of 2: Go to the Settings tab. Use the Chat Widget dropdown to scroll through… What this shows Step 2 of 2: Go to the Settings tab. What this shows Shows where to go for step 2 of 2 in the "Set the Site‑Wide Chat Widget" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 2 of 2 in the "Set the Site‑Wide Chat Widget" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you go to the Settings tab. Use the Chat Widget dropdown to scroll through all created Chat Widgets and select the one that you want applied to this site. This part of the guide covers 5 fields, listed below. Step 2 of 2Image 5 of 10 Where to goGo to the Settings tab. Use the Chat Widget dropdown to scroll through all created Chat Widgets and select the one that you want applied to this site.
    Fields in this part of the guide Overview of Multiple Chat WidgetsKey Benefits of Using Multiple Chat WidgetsAssign Page-Specific Chat WidgetsFrequently Asked QuestionsRelated Articles
    Buttons and menus referenced SettingsChat WidgetTABLE OF CONTENTSOverview of Multiple Chat WidgetsMaintenance EfficiencySites+ NewSet the Site‑Wide Chat WidgetsitelevelWebsitesFunnels
    All 2 steps in this procedure
    1. Navigate to Sites → Websites or Funnels, then select the website you would like to edit.
    2. Go to the Settings tab. Use the Chat Widget dropdown to scroll through all created Chat Widgets and select the one that you want applied to this site. this image

Assign Page-Specific Chat Widgets

Use a per‑page code embed to show a Chat Widget only on specific pages or funnel steps within your website or funnel! This method gives fine‑grained control over the user's experience.

To assign a chat widget to a single page, follow these steps:

  1. Navigate to Sites →Websites or Funnels, then select the website you would like to edit.
    Step 1 of 5: Navigate to Sites → Websites or Funnels, then select the website you… What this shows Step 1 of 5: Navigate to Sites → Websites or Funnels, then select the website you would like to edit. What this shows Shows where to go for step 1 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 1 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you navigate to Sites → Websites or Funnels, then select the website you would like to edit. The next step is to go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save. Step 1 of 5Image 6 of 10 Where to goNavigate to Sites → Websites or Funnels, then select the website you would like to edit.
    Buttons and menus referenced SitesWebsitesFunnelsSettingsChat WidgetSaveChat WidgetsGet CodeAdd Element (+)CodeOpen Code Editor,
    Next stepGo to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save.
    All 5 steps in this procedure
    1. Navigate to Sites → Websites or Funnels, then select the website you would like to edit. this image
    2. Go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save.
    3. Navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet.
    4. Open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas.
    5. Select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save.
  2. Go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save.
    Step 2 of 5: Go to the Settings tab. Ensure the Chat Widget dropdown is set to… What this shows Step 2 of 5: Go to the Settings tab. What this shows Shows where to go for step 2 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 2 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save. The next step is to navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet. Step 2 of 5Image 7 of 10 Where to goGo to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save.
    Buttons and menus referenced SettingsChat WidgetSaveSitesWebsitesFunnelsChat WidgetsGet CodeAdd Element (+)CodeOpen Code Editor,
    Next stepNavigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet.
    All 5 steps in this procedure
    1. Navigate to Sites → Websites or Funnels, then select the website you would like to edit.
    2. Go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save. this image
    3. Navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet.
    4. Open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas.
    5. Select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save.
  3.  Navigate to Sites→ Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet.
    Step 3 of 5: Navigate to Sites → Chat Widgets, open the chat widget you want, click… What this shows Step 3 of 5: Navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet. What this shows Shows where to go for step 3 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 3 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet. The next step is to open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas. Step 3 of 5Image 8 of 10 Where to goNavigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet.
    Buttons and menus referenced SitesChat WidgetsGet CodeWebsitesFunnelsSettingsChat WidgetSaveAdd Element (+)CodeOpen Code Editor,
    Next stepOpen the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas.
    All 5 steps in this procedure
    1. Navigate to Sites → Websites or Funnels, then select the website you would like to edit.
    2. Go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save.
    3. Navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet. this image
    4. Open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas.
    5. Select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save.
  4. Open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas.
    Step 4 of 5: Open the Page Editor for the target page/step. Click Add Element (+)… What this shows Step 4 of 5: Open the Page Editor for the target page/step. What this shows Shows where to go for step 4 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 4 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas. The next step is to select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save. Step 4 of 5Image 9 of 10 Where to goOpen the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas.
    Buttons and menus referenced Add Element (+)CodeSitesWebsitesFunnelsSettingsChat WidgetSaveChat WidgetsGet CodeOpen Code Editor,
    Next stepSelect the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save.
    All 5 steps in this procedure
    1. Navigate to Sites → Websites or Funnels, then select the website you would like to edit.
    2. Go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save.
    3. Navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet.
    4. Open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas. this image
    5. Select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save.
  5. Select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save.
    Step 5 of 5: Select the Code element. In the right settings panel, click Open Code… What this shows Step 5 of 5: Select the Code element. What this shows Shows what to choose for step 5 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". This screenshot accompanies step 5 of 5 in the "Assign Page-Specific Chat Widgets" section of "How to Create Multiple Chat Widgets in a Single Sub-Account". At this point in the walkthrough you select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save. Step 5 of 5Image 10 of 10 What to chooseSelect the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save.
    Buttons and menus referenced CodeOpen Code Editor,SaveSitesWebsitesFunnelsSettingsChat WidgetChat WidgetsGet CodeAdd Element (+)
    All 5 steps in this procedure
    1. Navigate to Sites → Websites or Funnels, then select the website you would like to edit.
    2. Go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save.
    3. Navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet.
    4. Open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas.
    5. Select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save. this image

Frequently Asked Questions

Q: Do I need to reinstall code after changing widget styles or settings?
No, the Chat Widget will update automatically to match your changes.

Q: Which widget shows if I configure the chat Widget under Settings and using a code element?
If both are configured, the Settings selection takes precedence. Only the widget selected under Settings will show.

Q: Will All-in-One Chat Widget replace multiple widgets?
The All-in-One option centralizes channels in a single widget. You can still run multiple widgets when you want different designs or CTAs per page or site.

Q: How do I verify the correct widget is active on a page?

You can use the Preview feature within the editor to view what widget is active on the page.

Was this guide helpful?

Related guides

Getting Started with Chat Widget5 min read · 16 imagesOverview of Chat Widget Customizations6 min read · 10 imagesChat Widget - Business Office Hours in Live Chat1 min read · 7 imagesChat Widget - Send your leads to Whatsapp Chat1 min read · 4 images