Skip to content
Sites

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.

5 min read1,202 words16 explained imagesUpdated Tue, 1 Sep at 4:18 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 Chat Widgets
  2. Chat Type Options
  3. Using Conversation AI Within a Chat Widget
  4. How To Install Chat Widgets
  5. Frequently Asked Questions
  6. Related Articles

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?

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) What this shows The All-In-One Chat widget combines multiple channels—Live Chat, Email/SMS, WhatsApp, Facebook, Instagram, and Voice AI—into a single chat experience. What this shows Illustrates the "1. All-In-One Chat" section of "Getting Started with Chat Widget". 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 ]. Image 1 of 16 What to fill inThe 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.
Buttons and menus referenced Chat Type
Next stepThis 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 and What is LC Phone ]

2. Email and SMS Chat (image 2 of 16) What this shows This chat will collect the visitor’s information so that you can respond to them via SMS or email later. What this shows Illustrates the "2. Email and SMS Chat" section of "Getting Started with Chat Widget". 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…. Image 2 of 16 What this coversThis 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 stepLive 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) What this shows Live Chat (Web Chat) is a real-time, two-way conversation within the chat widget that routes website visitor messages directly into Conversations. What this shows Illustrates the "3. Live Chat" section of "Getting Started with Chat Widget". 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…. Image 3 of 16 What this coversLive 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 stepFacebook 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.

4. Facebook Chat (image 4 of 16) What this shows Facebook Chat allows visitors to start a Messenger conversation with your connected Facebook Page directly from your website. What this shows Illustrates the "4. Facebook Chat" section of "Getting Started with Chat Widget". 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…. Image 4 of 16 What to clickFacebook 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 stepInstagram 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.

5. Instagram Chat (image 5 of 16) What this shows Instagram Chat lets website visitors start an Instagram DM thread with your connected Instagram Business account. What this shows Illustrates the "5. Instagram Chat" section of "Getting Started with Chat Widget". 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. Image 5 of 16 What to clickInstagram 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 stepA 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) What this shows A WhatsApp integrated 2 way conversation on chat widget. What this shows Illustrates the "6. WhatsApp Chat" section of "Getting Started with Chat Widget". 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…. Image 6 of 16 What this coversA 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 stepVoice 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.

7. Voice AI Chat (image 7 of 16) What this shows Voice AI Chat is a voice-first chat type that lets visitors talk to an AI agent through their browser. What this shows Illustrates the "7. Voice AI Chat" section of "Getting Started with Chat Widget". 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. Image 7 of 16 What to fill inVoice 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 stepUse 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.

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) What this shows For setup and advanced options, see Conversational AI Bot Explained. What this shows Illustrates the "Step 1: Navigate to Chat Widgets" section of "Getting Started with Chat Widget". 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. Image 8 of 16 What this coversFor setup and advanced options, see Conversational AI Bot Explained.
Buttons and menus referenced Sites > Chat Widget
Next stepClick 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) What this shows Click on the New button to start the chat widget. What this shows Illustrates the "Step 2: Create New Widget" section of "Getting Started with Chat Widget". 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. Image 9 of 16 What to clickClick on the New button to start the chat widget.
Buttons and menus referenced New
Next stepChat 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) What this shows 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 this shows Illustrates the "Step 3: Select Chat Type" section of "Getting Started with Chat Widget". 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. Image 10 of 16 What this coversChat Widget types include: All-In-One Chat, SMS/Email Chat, Live Chat (Web Chat), Facebook Chat, Instagram Chat, WhatsApp Chat, and Voice AI. Next stepOnce 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… What this shows Step 1 of 4: Style: User selects the themes, icons and welcome messages. What this shows Shows what to choose for step 1 of 4 in the "Step 4: Customize the Widget" section of "Getting Started with Chat Widget". 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). Step 1 of 4Path: Chat Window > Additional OptionsImage 11 of 16 What to chooseStyle: 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.
    Buttons and menus referenced Chat Window > Additional Options
    Next stepChat 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).
    All 4 steps in this 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… What this shows Step 2 of 4: Chat Window: Customize the title, intro message, contact form, branding, and other Chat Window options. What this shows Shows what to click for step 2 of 4 in the "Step 4: Customize the Widget" section of "Getting Started with Chat Widget". 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. Step 2 of 4Path: Chat Window > Additional OptionsImage 12 of 16 What to clickChat 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).
    Buttons and menus referenced Chat Window > Additional Options
    Next stepMessaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget.
    All 4 steps in this 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… What this shows Step 3 of 4: Messaging: Here the user configure the acknowledgement of message and icons. What this shows Shows what this covers for step 3 of 4 in the "Step 4: Customize the Widget" section of "Getting Started with Chat Widget". 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. Step 3 of 4Path: Chat Window > Additional OptionsImage 13 of 16 What this coversMessaging: Here the user configure the acknowledgement of message and icons. They can also configure the language of chat widget.
    Buttons and menus referenced Chat Window > Additional Options
    Next stepAgent: 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.
    All 4 steps in this 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… What this shows Step 4 of 4: Agent: Choose the voice agent you would like custoemrs to speak to. What this shows Shows what to choose for step 4 of 4 in the "Step 4: Customize the Widget" section of "Getting Started with Chat Widget". 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. Step 4 of 4Path: Chat Window > Additional OptionsImage 14 of 16 What to chooseAgent: 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.
    Buttons and menus referenced Chat Window > Additional Options
    All 4 steps in this 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) What this shows Some registration flows check whether the Lead Connector chat widget is live on your website before submission. What this shows Illustrates the "Step 5: Install the Chat Widget" section of "Getting Started with Chat Widget". 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? Image 15 of 16 What this coversSome 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 stepQ: Can I customize my chat widget messaging per page?
Step 5: Install the Chat Widget (image 16 of 16) What this shows Some registration flows check whether the Lead Connector chat widget is live on your website before submission. What this shows Illustrates the "Step 5: Install the Chat Widget" section of "Getting Started with Chat Widget". 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? Image 16 of 16 What this coversSome 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 stepQ: 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

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.

Was this guide helpful?

Related guides

Overview 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 imagesHow to Install GHL Customer Care's Chat Widget2 min read · 2 images