# Getting Started with Chat Widget > Learn how to set up the GHL Customer Care Chat Widget, configure Web Chat (Live Chat), and manage website messaging channels inside Conversations. - Source: https://docs.ghlcustomercare.com/docs/sites/chat-widget/getting-started-with-chat-widget - Section: Sites / Chat Widget - Reading time: 5 min - Images: 16, each explained below - Modified on Tue, 1 Sep at 4:18 AM --- Chat Widget is one of ways to convert visitors to potential leads. Chat Widget helps you to enhance customer experience to provide immediate support when and where customers need it.  --- **TABLE OF CONTENTS** - [What are Chat Widgets?](#what-are-chat-widgets) - [Key Benefits of Chat Widgets](#key-benefits-of-chat-widgets) - [Chat Type Options](#chat-type-options) - [Using Conversation AI Within a Chat Widget](#using-conversation-ai-within-a-chat-widget) - [How To Install Chat Widgets](#how-to-install-chat-widgets) - [Frequently Asked Questions](#frequently-asked-questions) - [Related Articles](#related-articles) --- # **What are Chat Widgets?** The GHL Customer Care Chat Widget is an embeddable messenger that lets website visitors start real-time conversations with your team through Web Chat (labeled as Live Chat in setup), Email/SMS, Facebook, Instagram, Voice AI, or WhatsApp—all routed directly into your GHL Customer Care inbox. --- ## **Key Benefits of Chat Widgets** Chat widgets provide a range of benefits, especially for businesses looking to enhance customer engagement, improve support efficiency, and drive conversions. Here are some of the key advantages: - **Real-Time Customer Support:** Users get instant answers to their questions, reducing wait times and improving the overall customer experience - **Improved Customer Experience:** Faster Issues can be resolved immediately, enhancing customer satisfaction and loyalty. - **Increased Conversions:** Encourage interaction by offering help when customers need it, helping to prevent cart abandonment and increase conversion rates - **Increased Engagement:** Proactively engage users based on behavior, such as spending a long time on a product page - **Cost Savings:** Automating responses to common questions through a chatbot reduces the volume of queries that need human support, saving on labor costs - **Increased Efficiency:** By handling multiple conversations at once, chat widgets improve support efficiency  --- ## **Chat Type Options** Chat Widgets are provided in multiple options: #### **1\. All-In-One Chat** The All-In-One Chat widget combines multiple channels—Live Chat, Email/SMS, WhatsApp, Facebook, Instagram, and Voice AI—into a single chat experience. Within the Style tab’s **Chat Type** multi-select to choose which of these connected channels appear in the widget. ![1. All-In-One Chat (image 1 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060494000/original/aPWt_0m5G0Z0793QndgoplaIw3ElfiqMgA.png) **1. All-In-One Chat (image 1 of 16)** This screenshot appears in the "1. All-In-One Chat" section of "Getting Started with Chat Widget". The text alongside this image reads: The All-In-One Chat widget combines multiple channels—Live Chat, Email/SMS, WhatsApp, Facebook, Instagram, and Voice AI—into a single chat experience. Within the Style tab’s Chat Type multi-select to choose which of these connected channels appear in the widget. Immediately after, the guide continues: This chat will collect the visitor’s information so that you can respond to them via SMS or email later. It is great for small teams that are not staffed 24x7 [ What is LC Email and What is LC Phone ]. - What to fill in: The All-In-One Chat widget combines multiple channels—Live Chat, Email/SMS, WhatsApp, Facebook, Instagram, and Voice AI—into a single chat experience. Within the Style tab’s Chat Type multi-select to choose which of these connected channels appear in the widget. - Controls: Chat Type - Next: This chat will collect the visitor’s information so that you can respond to them via SMS or email later. It is great for small teams that are not staffed 24x7 [ What is LC Email and What is LC Phone ] #### **2.** **Email and SMS Chat** This chat will collect the visitor’s information so that you can respond to them via SMS or email later. It is great for small teams that are not staffed 24x7 \[ [What is LC Email](https://docs.ghlcustomercare.com/docs/email/lc-email/what-is-lc-email) and [What is LC Phone](https://docs.ghlcustomercare.com/docs/phone-system/lc-phone-system/what-is-the-ghl-customer-care-s-native-phone-system-lc-phone) \] ![2. Email and SMS Chat (image 2 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035796726/original/5P6cb8PnO-C-EUC3XtR6WElGVBMWdy2hEg.png) **2. Email and SMS Chat (image 2 of 16)** This screenshot appears in the "2. Email and SMS Chat" section of "Getting Started with Chat Widget". The text alongside this image reads: This chat will collect the visitor’s information so that you can respond to them via SMS or email later. It is great for small teams that are not staffed 24x7 [ What is LC Email and What is LC Phone ]. Immediately after, the guide continues: Live Chat (Web Chat) is a real-time, two-way conversation within the chat widget that routes website visitor messages directly into Conversations. This option is labeled as “Live Chat” during setup but refers to the Web Chat channel used…. - What this covers: This chat will collect the visitor’s information so that you can respond to them via SMS or email later. It is great for small teams that are not staffed 24x7 [ What is LC Email and What is LC Phone ] - Next: Live Chat (Web Chat) is a real-time, two-way conversation within the chat widget that routes website visitor messages directly into Conversations. This option is labeled as “Live Chat” during setup but refers to the Web Chat channel used for website messaging. It is ideal for teams with 24x7 coverage. #### **3\. Live Chat** Live Chat (Web Chat) is a real-time, two-way conversation within the chat widget that routes website visitor messages directly into Conversations. This option is labeled as “Live Chat” during setup but refers to the Web Chat channel used for website messaging. It is ideal for teams with 24x7 coverage. ![3. Live Chat (image 3 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035797746/original/tsHXwfjVDSYeSyxT8EXm1VWCcaAI0XIhsw.png) **3. Live Chat (image 3 of 16)** This screenshot appears in the "3. Live Chat" section of "Getting Started with Chat Widget". The text alongside this image reads: Live Chat (Web Chat) is a real-time, two-way conversation within the chat widget that routes website visitor messages directly into Conversations. This option is labeled as “Live Chat” during setup but refers to the Web Chat channel used for website messaging. It is ideal for teams with 24x7…. Immediately after, the guide continues: Facebook Chat allows visitors to start a Messenger conversation with your connected Facebook Page directly from your website. Great for brands that get a lot of leads and DMs through Facebook. Click here to learn more about the Facebook…. - What this covers: Live Chat (Web Chat) is a real-time, two-way conversation within the chat widget that routes website visitor messages directly into Conversations. This option is labeled as “Live Chat” during setup but refers to the Web Chat channel used for website messaging. It is ideal for teams with 24x7 coverage. - Next: Facebook Chat allows visitors to start a Messenger conversation with your connected Facebook Page directly from your website. Great for brands that get a lot of leads and DMs through Facebook. Click here to learn more about the Facebook Chat Widget. #### **4\. Facebook Chat** Facebook Chat allows visitors to start a Messenger conversation with your connected Facebook Page directly from your website. Great for brands that get a lot of leads and DMs through Facebook. [Click here to learn more about the Facebook Chat Widget](https://docs.ghlcustomercare.com/docs/sites/chat-widget/facebook-and-instagram-chat-widgets). ![4. Facebook Chat (image 4 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060344496/original/6GRVKKs3N9W5Sc65iojVTe-Tqc2px9f1rw.png) **4. Facebook Chat (image 4 of 16)** This screenshot appears in the "4. Facebook Chat" section of "Getting Started with Chat Widget". The text alongside this image reads: Facebook Chat allows visitors to start a Messenger conversation with your connected Facebook Page directly from your website. Great for brands that get a lot of leads and DMs through Facebook. Click here to learn more about the Facebook Chat Widget. Immediately after, the guide continues: Instagram Chat lets website visitors start an Instagram DM thread with your connected Instagram Business account. After the first message, the conversation lives in Instagram and GHL Customer Care. This is ideal if most of your audience…. - What to click: Facebook Chat allows visitors to start a Messenger conversation with your connected Facebook Page directly from your website. Great for brands that get a lot of leads and DMs through Facebook. Click here to learn more about the Facebook Chat Widget. - Next: Instagram Chat lets website visitors start an Instagram DM thread with your connected Instagram Business account. After the first message, the conversation lives in Instagram and GHL Customer Care. This is ideal if most of your audience engages with you on Instagram. Click here to learn more about the Instagram Chat Widget. #### **5\. Instagram Chat** Instagram Chat lets website visitors start an Instagram DM thread with your connected Instagram Business account. After the first message, the conversation lives in Instagram and GHL Customer Care. This is ideal if most of your audience engages with you on Instagram. [Click here to learn more about the Instagram Chat Widget.](https://docs.ghlcustomercare.com/docs/sites/chat-widget/facebook-and-instagram-chat-widgets) ![5. Instagram Chat (image 5 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060344526/original/_MrT3LBlKwOpF4pAIxQPsecHJt7GXnFbKw.png) **5. Instagram Chat (image 5 of 16)** This screenshot appears in the "5. Instagram Chat" section of "Getting Started with Chat Widget". The text alongside this image reads: Instagram Chat lets website visitors start an Instagram DM thread with your connected Instagram Business account. After the first message, the conversation lives in Instagram and GHL Customer Care. This is ideal if most of your audience engages with you on Instagram. Click here to learn more about…. Immediately after, the guide continues: A WhatsApp integrated 2 way conversation on chat widget. The user needs a WhatsApp approved number. It is also great for small teams that are not staffed 24x7. - What to click: Instagram Chat lets website visitors start an Instagram DM thread with your connected Instagram Business account. After the first message, the conversation lives in Instagram and GHL Customer Care. This is ideal if most of your audience engages with you on Instagram. Click here to learn more about the Instagram Chat Widget. - Next: A WhatsApp integrated 2 way conversation on chat widget. The user needs a WhatsApp approved number. It is also great for small teams that are not staffed 24x7 #### **6.** **WhatsApp Chat** A WhatsApp integrated 2 way conversation on chat widget. The user needs a WhatsApp approved number. It is also great for small teams that are not staffed 24x7 ![6. WhatsApp Chat (image 6 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035797815/original/qZbQA-zVtB8uSaV0hmdRwyBLv0s4ICE9zQ.png) **6. WhatsApp Chat (image 6 of 16)** This screenshot appears in the "6. WhatsApp Chat" section of "Getting Started with Chat Widget". The text alongside this image reads: A WhatsApp integrated 2 way conversation on chat widget. The user needs a WhatsApp approved number. It is also great for small teams that are not staffed 24x7. Immediately after, the guide continues: Voice AI Chat is a voice-first chat type that lets visitors talk to an AI agent through their browser. It’s designed for 24×7, human-like voice conversations that can capture, qualify, and route leads automatically. This is great for…. - What this covers: A WhatsApp integrated 2 way conversation on chat widget. The user needs a WhatsApp approved number. It is also great for small teams that are not staffed 24x7 - Next: Voice AI Chat is a voice-first chat type that lets visitors talk to an AI agent through their browser. It’s designed for 24×7, human-like voice conversations that can capture, qualify, and route leads automatically. This is great for businesses that want “phone call” style interactions without needing a live receptionist or call center. Click here to learn more about the Voice AI Chat Widget. #### **7\. Voice AI Chat** Voice AI Chat is a voice-first chat type that lets visitors talk to an AI agent through their browser. It’s designed for 24×7, human-like voice conversations that can capture, qualify, and route leads automatically. This is great for businesses that want “phone call” style interactions without needing a live receptionist or call center. [Click here to learn more about the Voice AI Chat Widget.](https://docs.ghlcustomercare.com/docs/sites/chat-widget/voice-ai-chat-widget) ![7. Voice AI Chat (image 7 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060345613/original/wOuJK1aGUKGaZHK2pZGkMNTpqp01w5oL1g.png) **7. Voice AI Chat (image 7 of 16)** This screenshot appears in the "7. Voice AI Chat" section of "Getting Started with Chat Widget". The text alongside this image reads: Voice AI Chat is a voice-first chat type that lets visitors talk to an AI agent through their browser. It’s designed for 24×7, human-like voice conversations that can capture, qualify, and route leads automatically. This is great for businesses that want “phone call” style interactions without…. Immediately after, the guide continues: Use Conversational AI directly inside the chat widget to greet visitors and deliver instant answers around the clock, so every inquiry receives a response even when your team is away. - What to fill in: Voice AI Chat is a voice-first chat type that lets visitors talk to an AI agent through their browser. It’s designed for 24×7, human-like voice conversations that can capture, qualify, and route leads automatically. This is great for businesses that want “phone call” style interactions without needing a live receptionist or call center. Click here to learn more about the Voice AI Chat Widget. - Next: Use Conversational AI directly inside the chat widget to greet visitors and deliver instant answers around the clock, so every inquiry receives a response even when your team is away. --- ## **Using Conversation AI Within a Chat Widget** Use Conversational AI directly inside the chat widget to greet visitors and deliver instant answers around the clock, so every inquiry receives a response even when your team is away.  For setup and advanced options, see [Conversational AI Bot Explained](https://docs.ghlcustomercare.com/docs/ai-employee/getting-started-w-conversation-ai/conversation-ai-bot-explained). --- ## **How To Install Chat Widgets** #### **Step 1:** Navigate to Chat Widgets Go to **Sites > Chat Widget** ![Step 1: Navigate to Chat Widgets (image 8 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060345709/original/Mlexx3uznkA2IRronSM9iRx5noeOtMoA0A.png) **Step 1: Navigate to Chat Widgets (image 8 of 16)** This screenshot appears in the "Step 1: Navigate to Chat Widgets" section of "Getting Started with Chat Widget". The text alongside this image reads: For setup and advanced options, see Conversational AI Bot Explained. Immediately after, the guide continues: Click on the New button to start the chat widget. - What this covers: For setup and advanced options, see Conversational AI Bot Explained. - Controls: Sites > Chat Widget - Next: Click on the New button to start the chat widget. #### **Step 2:** Create New Widget Click on the **New** button to start the chat widget. ![Step 2: Create New Widget (image 9 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035798154/original/DWQhKNeI2uBT9CnqcKnvZrJ1dYzLAC1bgQ.png) **Step 2: Create New Widget (image 9 of 16)** This screenshot appears in the "Step 2: Create New Widget" section of "Getting Started with Chat Widget". The text alongside this image reads: Click on the New button to start the chat widget. Immediately after, the guide continues: Chat Widget types include: All-In-One Chat, SMS/Email Chat, Live Chat (Web Chat), Facebook Chat, Instagram Chat, WhatsApp Chat, and Voice AI. - What to click: Click on the New button to start the chat widget. - Controls: New - Next: Chat Widget types include: All-In-One Chat, SMS/Email Chat, Live Chat (Web Chat), Facebook Chat, Instagram Chat, WhatsApp Chat, and Voice AI. #### **Step 3:** Select Chat Type Chat Widget types include: All-In-One Chat, SMS/Email Chat, Live Chat (Web Chat), Facebook Chat, Instagram Chat, WhatsApp Chat, and Voice AI. ![Step 3: Select Chat Type (image 10 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060345751/original/rX1H7PBYHcTmCuO53qfIqpILOkFmtv-28w.png) **Step 3: Select Chat Type (image 10 of 16)** This screenshot appears in the "Step 3: Select Chat Type" section of "Getting Started with Chat Widget". The text alongside this image reads: Chat Widget types include: All-In-One Chat, SMS/Email Chat, Live Chat (Web Chat), Facebook Chat, Instagram Chat, WhatsApp Chat, and Voice AI. Immediately after, the guide continues: Once you select the chat widget type, there will 3 pages (4 if the chat type supports AI) to customize the chat widget before it is deployed. - What this covers: Chat Widget types include: All-In-One Chat, SMS/Email Chat, Live Chat (Web Chat), Facebook Chat, Instagram Chat, WhatsApp Chat, and Voice AI. - Next: Once you select the chat widget type, there will 3 pages (4 if the chat type supports AI) to customize the chat widget before it is deployed: #### **Step 4:** Customize the Widget Once you select the chat widget type, there will 3 pages (4 if the chat type supports AI) to customize the chat widget before it is deployed: **Note:** Based on the type of chat widget the options get added in the configuration. - **Style:** User selects the themes, icons and welcome messages. User can also select the avatar and placement of chat widget. User can configure different sizes of chat widget. Customize the widget theme, icons, welcome messages, avatar, placement, and dimensions. Under Widget Placement, choose Sticky or Embedded / Inline. Embedded / Inline placement is available across all supported Chat Widget types. ![Step 1 of 4: Style: User selects the themes, icons and welcome messages. User can…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060347414/original/f6s2mdzpV4ZXnYyNacuQDaSVh7eimwKKyw.png) **Step 1 of 4: Style: User selects the themes, icons and welcome messages. User can…** This screenshot accompanies step 1 of 4 in the "Step 4: Customize the Widget" section of "Getting Started with Chat Widget". At this point in the walkthrough you style: User selects the themes, icons and welcome messages. User can also select the avatar and placement of chat widget. User can configure different sizes of chat widget. Customize the widget theme, icons, welcome messages, avatar, placement, and dimensions. Under Widget Placement, choose Sticky or Embedded / Inline. Embedded / Inline placement is available across all supported Chat Widget types. The navigation path used here is Chat Window > Additional Options. The next step is to chat Window: Customize the title, intro message, contact form, branding, and other Chat Window options. Under Additional options → Compliance notice & consent, you can configure a legal notice and a consent checkbox independently. You can also make the consent checkbox required or pre-check it by default. Tip: To improve initial page performance, enable Load on user interaction in Chat Window > Additional Options. The widget loads after visitor interaction (scroll/click/touch), or after an automatic fallback delay (about 8 seconds). - Path: Chat Window > Additional Options - What to choose: Style: User selects the themes, icons and welcome messages. User can also select the avatar and placement of chat widget. User can configure different sizes of chat widget. Customize the widget theme, icons, welcome messages, avatar, placement, and dimensions. Under Widget Placement, choose Sticky or Embedded / Inline. Embedded / Inline placement is available across all supported Chat Widget types. - Controls: Chat Window > Additional Options - Next: Chat Window: Customize the title, intro message, contact form, branding, and other Chat Window options. Under Additional options → Compliance notice & consent, you can configure a legal notice and a consent checkbox independently. You can also make the consent checkbox required or pre-check it by default. Tip: To improve initial page performance, enable Load on user interaction in Chat Window > Additional Options. The widget loads after visitor interaction (scroll/click/touch), or after an automatic fallback delay (about 8 seconds). Full procedure: 1. Style: User selects the themes, icons and welcome messages. User can also select the avatar and placement of chat widget. User can configure different sizes of chat widget. Customize the widget theme, icons, welcome messages, avatar, placement, and dimensions. Under Widget Placement, choose Sticky or Embedded / Inline. Embedded / Inline placement is available across all supported Chat Widget types. <- this image 2. Chat Window: Customize the title, intro message, contact form, branding, and other Chat Window options. Under Additional options → Compliance notice & consent, you can configure a legal notice and a consent checkbox independently. You can also make the consent checkbox required or pre-check it by default. Tip: To improve initial page performance, enable Load on user interaction in Chat Window > Additional Options. The widget loads after visitor interaction (scroll/click/touch), or after an automatic fallback delay (about 8 seconds). 3. Messaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget. 4. Agent: Choose the voice agent you would like custoemrs to speak to. You can also set the agents name and description here. Please note that this page will only show up in chat types that support AI. - **Chat Window:** **Customize the title, intro message, contact form, branding, and other Chat Window options. Under Additional options → Compliance notice & consent, you can configure a legal notice and a consent checkbox independently. You can also make the consent checkbox required or pre-check it by default.** **Tip:** To improve initial page performance, enable Load on user interaction in **Chat Window > Additional Options**. The widget loads after visitor interaction (scroll/click/touch), or after an automatic fallback delay (about 8 seconds). ** ![Step 2 of 4: Chat Window: Customize the title, intro message, contact form…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060347459/original/gILumKvE-3NwMDZprahF0xcPW5u4b5E2dQ.png) **Step 2 of 4: Chat Window: Customize the title, intro message, contact form…** This screenshot accompanies step 2 of 4 in the "Step 4: Customize the Widget" section of "Getting Started with Chat Widget". At this point in the walkthrough you chat Window: Customize the title, intro message, contact form, branding, and other Chat Window options. Under Additional options → Compliance notice & consent, you can configure a legal notice and a consent checkbox independently. You can also make the consent checkbox required or pre-check it by default. Tip: To improve initial page performance, enable Load on user interaction in Chat Window > Additional Options. The widget loads after visitor interaction (scroll/click/touch), or after an automatic fallback delay (about 8 seconds). The navigation path used here is Chat Window > Additional Options. The next step is to messaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget. - Path: Chat Window > Additional Options - What to click: Chat Window: Customize the title, intro message, contact form, branding, and other Chat Window options. Under Additional options → Compliance notice & consent, you can configure a legal notice and a consent checkbox independently. You can also make the consent checkbox required or pre-check it by default. Tip: To improve initial page performance, enable Load on user interaction in Chat Window > Additional Options. The widget loads after visitor interaction (scroll/click/touch), or after an automatic fallback delay (about 8 seconds). - Controls: Chat Window > Additional Options - Next: Messaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget. Full procedure: 1. Style: User selects the themes, icons and welcome messages. User can also select the avatar and placement of chat widget. User can configure different sizes of chat widget. Customize the widget theme, icons, welcome messages, avatar, placement, and dimensions. Under Widget Placement, choose Sticky or Embedded / Inline. Embedded / Inline placement is available across all supported Chat Widget types. 2. Chat Window: Customize the title, intro message, contact form, branding, and other Chat Window options. Under Additional options → Compliance notice & consent, you can configure a legal notice and a consent checkbox independently. You can also make the consent checkbox required or pre-check it by default. Tip: To improve initial page performance, enable Load on user interaction in Chat Window > Additional Options. The widget loads after visitor interaction (scroll/click/touch), or after an automatic fallback delay (about 8 seconds). <- this image 3. Messaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget. 4. Agent: Choose the voice agent you would like custoemrs to speak to. You can also set the agents name and description here. Please note that this page will only show up in chat types that support AI. **  - **Messaging:** Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget. ![Step 3 of 4: Messaging: Here the user configure the acknowledgement of message and…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060347511/original/ZWxJuodd5cwBylUwtW86CmPV2hmWV_9IEQ.png) **Step 3 of 4: Messaging: Here the user configure the acknowledgement of message and…** This screenshot accompanies step 3 of 4 in the "Step 4: Customize the Widget" section of "Getting Started with Chat Widget". At this point in the walkthrough you messaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget. The navigation path used here is Chat Window > Additional Options. The next step is to agent: Choose the voice agent you would like custoemrs to speak to. You can also set the agents name and description here. Please note that this page will only show up in chat types that support AI. - Path: Chat Window > Additional Options - What this covers: Messaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget. - Controls: Chat Window > Additional Options - Next: Agent: Choose the voice agent you would like custoemrs to speak to. You can also set the agents name and description here. Please note that this page will only show up in chat types that support AI. Full procedure: 1. Style: User selects the themes, icons and welcome messages. User can also select the avatar and placement of chat widget. User can configure different sizes of chat widget. Customize the widget theme, icons, welcome messages, avatar, placement, and dimensions. Under Widget Placement, choose Sticky or Embedded / Inline. Embedded / Inline placement is available across all supported Chat Widget types. 2. Chat Window: Customize the title, intro message, contact form, branding, and other Chat Window options. Under Additional options → Compliance notice & consent, you can configure a legal notice and a consent checkbox independently. You can also make the consent checkbox required or pre-check it by default. Tip: To improve initial page performance, enable Load on user interaction in Chat Window > Additional Options. The widget loads after visitor interaction (scroll/click/touch), or after an automatic fallback delay (about 8 seconds). 3. Messaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget. <- this image 4. Agent: Choose the voice agent you would like custoemrs to speak to. You can also set the agents name and description here. Please note that this page will only show up in chat types that support AI. - **Agent:** Choose the voice agent you would like custoemrs to speak to. You can also set the agents name and description here. Please note that this page will only show up in chat types that support AI. ![Step 4 of 4: Agent: Choose the voice agent you would like custoemrs to speak to…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060347525/original/AsGtxz6AP14aSIjjjV-vS-EmtvgH4QHqmg.png) **Step 4 of 4: Agent: Choose the voice agent you would like custoemrs to speak to…** This screenshot accompanies step 4 of 4 in the "Step 4: Customize the Widget" section of "Getting Started with Chat Widget". At this point in the walkthrough you agent: Choose the voice agent you would like custoemrs to speak to. You can also set the agents name and description here. Please note that this page will only show up in chat types that support AI. The navigation path used here is Chat Window > Additional Options. - Path: Chat Window > Additional Options - What to choose: Agent: Choose the voice agent you would like custoemrs to speak to. You can also set the agents name and description here. Please note that this page will only show up in chat types that support AI. - Controls: Chat Window > Additional Options Full procedure: 1. Style: User selects the themes, icons and welcome messages. User can also select the avatar and placement of chat widget. User can configure different sizes of chat widget. Customize the widget theme, icons, welcome messages, avatar, placement, and dimensions. Under Widget Placement, choose Sticky or Embedded / Inline. Embedded / Inline placement is available across all supported Chat Widget types. 2. Chat Window: Customize the title, intro message, contact form, branding, and other Chat Window options. Under Additional options → Compliance notice & consent, you can configure a legal notice and a consent checkbox independently. You can also make the consent checkbox required or pre-check it by default. Tip: To improve initial page performance, enable Load on user interaction in Chat Window > Additional Options. The widget loads after visitor interaction (scroll/click/touch), or after an automatic fallback delay (about 8 seconds). 3. Messaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget. 4. Agent: Choose the voice agent you would like custoemrs to speak to. You can also set the agents name and description here. Please note that this page will only show up in chat types that support AI. <- this image #### **Step 5:** Install the Chat Widget Once the Chat widget is configured, the user can copy the code for landing page or Google tag manager and add it in Wordpress. User can go to Funnels, Websites, Blogs to select the chat widget type to directly get added Some registration flows check whether the Lead Connector chat widget is live on your website before submission. Make sure the widget is installed and visible on your site if your registration flow includes a compliance review step. ![Step 5: Install the Chat Widget (image 15 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035803967/original/dq8tGTpy-b0VY4IbJiSpCV-7cIoUVHSyeA.png) **Step 5: Install the Chat Widget (image 15 of 16)** This screenshot appears in the "Step 5: Install the Chat Widget" section of "Getting Started with Chat Widget". The text alongside this image reads: Some registration flows check whether the Lead Connector chat widget is live on your website before submission. Make sure the widget is installed and visible on your site if your registration flow includes a compliance review step. Immediately after, the guide continues: Q: Can I customize my chat widget messaging per page? - What this covers: Some registration flows check whether the Lead Connector chat widget is live on your website before submission. Make sure the widget is installed and visible on your site if your registration flow includes a compliance review step. - Next: Q: Can I customize my chat widget messaging per page? ![Step 5: Install the Chat Widget (image 16 of 16)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035804036/original/WCMWssw3rOLCPJ6-qH57EePrgX8hN_Jxsg.png) **Step 5: Install the Chat Widget (image 16 of 16)** This screenshot appears in the "Step 5: Install the Chat Widget" section of "Getting Started with Chat Widget". The text alongside this image reads: Some registration flows check whether the Lead Connector chat widget is live on your website before submission. Make sure the widget is installed and visible on your site if your registration flow includes a compliance review step. Immediately after, the guide continues: Q: Can I customize my chat widget messaging per page? - What this covers: Some registration flows check whether the Lead Connector chat widget is live on your website before submission. Make sure the widget is installed and visible on your site if your registration flow includes a compliance review step. - Next: Q: Can I customize my chat widget messaging per page? --- ## **Frequently Asked Questions** **Q: Can I customize my chat widget messaging per page?** The current configuration of the webchat widget does not allow for dynamic messaging. Although the widget can be used on multiple pages, the messaging will remain consistent with the initial setup. **Q: Can I create multiple chat widgets in a sub-account?** Yes. To learn more on how to add multiple chat widgets, see: [How to Add Multiple Chat Widgets to the Same Website](https://docs.ghlcustomercare.com/docs/sites/chat-widget/how-to-create-multiple-chat-widgets-in-a-single-sub-account) **Q: What is the difference between Web Chat and Live Chat in GHL Customer Care?** Web Chat refers to website-based real-time messaging that routes into Conversations. During setup, this option is labeled as “Live Chat,” but it configures the Web Chat channel used for website messaging. **Q: Will changing the chat type affect existing conversations?** No. Updating or configuring chat types does not impact existing conversations. All messages continue to route into Conversations based on the selected channel. --- ## **Related Articles** - [](https://docs.ghlcustomercare.com/docs/sites/chat-widget/how-to-create-multiple-chat-widgets-in-a-single-sub-account)[](https://docs.ghlcustomercare.com/docs/ai-employee/getting-started-w-conversation-ai/conversation-ai-bot-explained)[](https://docs.ghlcustomercare.com/docs/sites/chat-widget/how-to-use-the-all-in-one-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) - [](https://docs.ghlcustomercare.com/docs/sites/chat-widget/how-to-create-multiple-chat-widgets-in-a-single-sub-account)[](https://docs.ghlcustomercare.com/docs/ai-employee/getting-started-w-conversation-ai/conversation-ai-bot-explained)[Conversation AI Bot - Explained](https://docs.ghlcustomercare.com/docs/ai-employee/getting-started-w-conversation-ai/conversation-ai-bot-explained) [](https://docs.ghlcustomercare.com/docs/sites/chat-widget/how-to-create-multiple-chat-widgets-in-a-single-sub-account) - [How to Add Multiple Chat Widgets to the Same Website](https://docs.ghlcustomercare.com/docs/sites/chat-widget/how-to-create-multiple-chat-widgets-in-a-single-sub-account) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com