# 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! - Source: https://docs.ghlcustomercare.com/docs/sites/chat-widget/how-to-create-multiple-chat-widgets-in-a-single-sub-account - Section: Sites / Chat Widget - Reading time: 3 min - Images: 10, each explained below - Modified on Mon, 23 Feb at 10:52 AM --- 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](#overview-of-multiple-chat-widgets) - [Key Benefits of Using Multiple Chat Widgets](#key-benefits-of-using-multiple-chat-widgets) - [Create Multiple Chat Widgets (Prerequisite)](#create-multiple-chat-widgets-prerequisite) - [Set the Site‑Wide Chat Widget](#set-the-site-wide-chat-widget) - [Assign Page-Specific Chat Widgets](#assign-page-specific-chat-widgets) - [Frequently Asked Questions](#frequently-asked-questions) - [Related Articles](#related-articles) --- # **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!](https://docs.ghlcustomercare.com/docs/sites/chat-widget/getting-started-with-chat-widget) 1. Navigate to **Sites** > **Chat Widget** ** ![Step 1 of 3: Navigate to Sites > Chat Widget](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062268806/original/SvbwjAsxfv3ohjid0ZUvbW_5-VO2nzOL_g.png) **Step 1 of 3: Navigate to Sites > Chat Widget** 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. - Path: Sites > Chat Widget - Where to go: Navigate to Sites > Chat Widget - Fields: Overview of Multiple Chat Widgets, Key Benefits of Using Multiple Chat Widgets, Assign Page-Specific Chat Widgets, Frequently Asked Questions, Related Articles - Controls: Sites, Chat Widget, TABLE OF CONTENTS, Overview of Multiple Chat Widgets, Maintenance Efficiency, + New, Set the Site‑Wide Chat Widget, site, level, Websites, Funnels, Settings - Next: Select the blue + New button Full 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](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062268830/original/VciyapzBMSehabO3TVWU6x-v2LjGXyPCGQ.png) **Step 2 of 3: Select the blue + New button** 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. - Path: Sites > Chat Widget Select - What to choose: Select the blue + New button - Fields: Overview of Multiple Chat Widgets, Key Benefits of Using Multiple Chat Widgets, Assign Page-Specific Chat Widgets, Frequently Asked Questions, Related Articles - Controls: + New, TABLE OF CONTENTS, Overview of Multiple Chat Widgets, Maintenance Efficiency, Sites, Chat Widget, Set the Site‑Wide Chat Widget, site, level, Websites, Funnels, Settings - Next: Select the type of chat widget you would like to create. For more information on each type of chat widget, click here. Full 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.](https://docs.ghlcustomercare.com/docs/sites/chat-widget/getting-started-with-chat-widget) ![Step 3 of 3: Select the type of chat widget you would like to create. For more…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062268855/original/URwAt2nYePnu9Cu2l9ekbLNI23fTMic38g.png) **Step 3 of 3: Select the type of chat widget you would like to create. For more…** 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. - Path: Sites > Chat Widget Select - What to fill in: Select the type of chat widget you would like to create. For more information on each type of chat widget, click here. - Fields: Overview of Multiple Chat Widgets, Key Benefits of Using Multiple Chat Widgets, Assign Page-Specific Chat Widgets, Frequently Asked Questions, Related Articles - Controls: TABLE OF CONTENTS, Overview of Multiple Chat Widgets, Maintenance Efficiency, Sites, Chat Widget, + New, Set the Site‑Wide Chat Widget, site, level, Websites, Funnels, Settings Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062269027/original/aFqNqaBGVsysAMzvEpl83OtLMZa6FoXleQ.png) **Step 1 of 2: Navigate to Sites → Websites or Funnels, then select the website you…** 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. - Where to go: Navigate to Sites → Websites or Funnels, then select the website you would like to edit. - Fields: Overview of Multiple Chat Widgets, Key Benefits of Using Multiple Chat Widgets, Assign Page-Specific Chat Widgets, Frequently Asked Questions, Related Articles - Controls: Sites, Websites, Funnels, TABLE OF CONTENTS, Overview of Multiple Chat Widgets, Maintenance Efficiency, Chat Widget, + New, Set the Site‑Wide Chat Widget, site, level, Settings - Next: 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. Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062269058/original/Hi5LPtSeut-2d1VCF_e6sYUVl8fbQjT1Bg.png) **Step 2 of 2: Go to the Settings tab. Use the Chat Widget dropdown to scroll through…** 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. - Where to go: 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. - Fields: Overview of Multiple Chat Widgets, Key Benefits of Using Multiple Chat Widgets, Assign Page-Specific Chat Widgets, Frequently Asked Questions, Related Articles - Controls: Settings, Chat Widget, TABLE OF CONTENTS, Overview of Multiple Chat Widgets, Maintenance Efficiency, Sites, + New, Set the Site‑Wide Chat Widget, site, level, Websites, Funnels Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062269027/original/aFqNqaBGVsysAMzvEpl83OtLMZa6FoXleQ.png) **Step 1 of 5: Navigate to Sites → Websites or Funnels, then select the website you…** 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. - Where to go: Navigate to Sites → Websites or Funnels, then select the website you would like to edit. - Controls: Sites, Websites, Funnels, Settings, Chat Widget, Save, Chat Widgets, Get Code, Add Element (+), Code, Open Code Editor, - Next: Go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save. Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062269058/original/Hi5LPtSeut-2d1VCF_e6sYUVl8fbQjT1Bg.png) **Step 2 of 5: Go to the Settings tab. Ensure the Chat Widget dropdown is set to…** 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. - Where to go: Go to the Settings tab. Ensure the Chat Widget dropdown is set to "None" then Save. - Controls: Settings, Chat Widget, Save, Sites, Websites, Funnels, Chat Widgets, Get Code, Add Element (+), Code, Open Code Editor, - Next: Navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet. Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062269283/original/j-XR95jST0HPVTb5oxI53bz9dABsS-Dl0A.png) **Step 3 of 5: Navigate to Sites → Chat Widgets, open the chat widget you want, click…** 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. - Where to go: Navigate to Sites → Chat Widgets, open the chat widget you want, click Get Code and copy the code snippet. - Controls: Sites, Chat Widgets, Get Code, Websites, Funnels, Settings, Chat Widget, Save, Add Element (+), Code, Open Code Editor, - Next: Open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas. Full 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 (+)…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062269306/original/swHQJbQxniDAXbK-Us90xEpEsyCYAWDTwg.png) **Step 4 of 5: Open the Page Editor for the target page/step. Click Add Element (+)…** 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. - Where to go: Open the Page Editor for the target page/step. Click Add Element (+), find Code, and drag it onto the canvas. - Controls: Add Element (+), Code, Sites, Websites, Funnels, Settings, Chat Widget, Save, Chat Widgets, Get Code, Open Code Editor, - Next: Select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save. Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062269325/original/wKE7dpOwG8iEVe4QTi2-sztg959o2P9Ydg.png) **Step 5 of 5: Select the Code element. In the right settings panel, click Open Code…** 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. - What to choose: Select the Code element. In the right settings panel, click Open Code Editor, paste the code snippet and click Save. - Controls: Code, Open Code Editor,, Save, Sites, Websites, Funnels, Settings, Chat Widget, Chat Widgets, Get Code, Add Element (+) Full 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. --- ## **Related Articles** - [Getting Started with Chat Widget](https://docs.ghlcustomercare.com/docs/sites/chat-widget/getting-started-with-chat-widget) - [How to Use the All-in-One Chat Widget](https://docs.ghlcustomercare.com/docs/sites/chat-widget/how-to-use-the-all-in-one-chat-widget) - [Facebook and Instagram Chat Widgets](https://docs.ghlcustomercare.com/docs/sites/chat-widget/facebook-and-instagram-chat-widgets) - [Voice AI Chat Widget](https://docs.ghlcustomercare.com/docs/sites/chat-widget/voice-ai-chat-widget) - [How to Use the 'Live Chat' Chat Widget](https://docs.ghlcustomercare.com/docs/conversations/conversations/live-chat) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com