Skip to content
Sites

Add GHL Customer Care's Chat Widget to Your Wix Website

Are you looking for an easy way to connect with your website visitors and convert them into customers? GHL Customer Care Webchat for Wix is the perfect solution for you! In this article, we'll walk you through the steps to start with GHL Customer Care Webchat for Wix.

1 min read297 words6 explained imagesUpdated Fri, 2 May, 2025 at 10:39 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. Here are detailed steps on how to add a custom chat widget to a Wix website using different methods:
  2. Method 1:
  3. Method 2:

Video 1 Open in a new tab

Are you looking for an easy way to connect with your website visitors and convert them into customers? GHL Customer Care Webchat for Wix is the perfect solution for you!
In this article, we'll walk you through the steps to start with GHL Customer Care Webchat for Wix.

Covered in this article:

How to obtain the embed code for web chat for the website:

Here are detailed steps on how to add a custom chat widget to a Wix website using different methods:

How to obtain the embed code for web chat for the website:

Copy the embed code from Sites > Chat Widget > Get Code
How to obtain the embed code for web chat for the website: (image 1 of 6) What this shows Copy the embed code from Sites > Chat Widget > Get Code What this shows Illustrates the "How to obtain the embed code for web chat for the website:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". This animation appears in the "How to obtain the embed code for web chat for the website:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". The text alongside this image reads: Copy the embed code from Sites > Chat Widget > Get Code. The navigation path used here is Sites > Chat Widget > Get Code. Immediately after, the guide continues: Log in to Wix account and navigate to the website's dashboard. Click "Settings" in the left menu, then select "Custom Code" under the "Advanced" tab. Path: Sites > Chat Widget > Get CodeImage 1 of 6 What to copyCopy the embed code from Sites > Chat Widget > Get Code
Buttons and menus referenced SitesChat WidgetGet Code
Next stepLog in to Wix account and navigate to the website's dashboard. Click "Settings" in the left menu, then select "Custom Code" under the "Advanced" tab.

Here are detailed steps on how to add a custom chat widget to a Wix website using different methods:

Method 1:

  • Log in to Wix account and navigate to the website's dashboard.
  • Click "Settings" in the left menu, then select "Custom Code" under the "Advanced" tab.
    Step 2 of 2: Click "Settings" in the left menu, then select "Custom Code" under the… What this shows Step 2 of 2: Click "Settings" in the left menu, then select "Custom Code" under the "Advanced" tab. What this shows Shows what to choose for step 2 of 2 in the "Method 1:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". This screenshot accompanies step 2 of 2 in the "Method 1:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". At this point in the walkthrough you click "Settings" in the left menu, then select "Custom Code" under the "Advanced" tab. This part of the guide covers 3 fields, listed below. Step 2 of 2Image 2 of 6 What to chooseClick "Settings" in the left menu, then select "Custom Code" under the "Advanced" tab.
    Fields in this part of the guide Configure options:Name: Enter a name for your codePlace Code In: Choose "Head"
    Buttons and menus referenced Name
    Example values
    Name: Enter a name for your code
    Priya Raman

    Illustrative values showing the expected format. They are not read from the screenshot.

    All 2 steps in this procedure
    1. Log in to Wix account and navigate to the website's dashboard.
    2. Click "Settings" in the left menu, then select "Custom Code" under the "Advanced" tab. this image
  • Click "Add Custom Code" in the section.
  • Paste the code snippet in "Code Settings" within the pop-up window.
  • Configure options:
    • Name: Enter a name for your code
    • Add Code to Pages: Choose "All Pages" and select "Load code once"
    • Place Code In: Choose "Head"
  • Click "Apply" to save changes.
    Step 1 of 1: Click "Apply" to save changes What this shows Step 1 of 1: Click "Apply" to save changes. What this shows Shows how to confirm for step 1 of 1 in the "Method 1:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". This screenshot accompanies step 1 of 1 in the "Method 1:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". At this point in the walkthrough you click "Apply" to save changes. For context, this section explains: Log in to Wix account and navigate to the website's dashboard. Click "Settings" in the left menu, then select "Custom Code" under the "Advanced" tab. This part of the guide covers 3 fields, listed below. Step 1 of 1Image 3 of 6 How to confirmClick "Apply" to save changes.
    Fields in this part of the guide Configure options:Name: Enter a name for your codePlace Code In: Choose "Head"
    Buttons and menus referenced Name
    Example values
    Name: Enter a name for your code
    Priya Raman

    Illustrative values showing the expected format. They are not read from the screenshot.
  • The widget will now appear on every page of your Wix site.

Method 2:

  • Sign in to Wix account and launch Wix Editor. Click Edit Site from the Dashboard.
Method 2: (image 4 of 6) What this shows Sign in to Wix account and launch Wix Editor. What this shows Illustrates the "Method 2:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". This screenshot appears in the "Method 2:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". The text alongside this image reads: Sign in to Wix account and launch Wix Editor. Click Edit Site from the Dashboard. Immediately after, the guide continues: Click the plus (+) icon in the left-side menu to access "Add Elements." Choose "Embed" from the left sidebar menu. Select "Embed HTML" under "Popular Embeds". Image 4 of 6 What to clickSign in to Wix account and launch Wix Editor. Click Edit Site from the Dashboard. Next stepClick the plus (+) icon in the left-side menu to access "Add Elements." Choose "Embed" from the left sidebar menu. Select "Embed HTML" under "Popular Embeds".
All 3 steps in this procedure
  1. Click the plus (+) icon in the left-side menu to access "Add Elements."
  2. Choose "Embed" from the left sidebar menu.
  3. Select "Embed HTML" under "Popular Embeds".
  • Click the plus (+) icon in the left-side menu to access "Add Elements."
  • Choose "Embed" from the left sidebar menu.
  • Select "Embed HTML" under "Popular Embeds".
Method 2: (image 5 of 6) What this shows Click the plus (+) icon in the left-side menu to access "Add Elements." Choose "Embed" from the left sidebar menu. What this shows Illustrates the "Method 2:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". This screenshot appears in the "Method 2:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". The text alongside this image reads: Click the plus (+) icon in the left-side menu to access "Add Elements." Choose "Embed" from the left sidebar menu. Select "Embed HTML" under "Popular Embeds". Immediately after, the guide continues: Click on "Code" in the new HTML box that appears. Paste the widget code into the text field and press "Update.". Image 5 of 6 Where to goClick the plus (+) icon in the left-side menu to access "Add Elements." Choose "Embed" from the left sidebar menu. Select "Embed HTML" under "Popular Embeds". Next stepClick on "Code" in the new HTML box that appears. Paste the widget code into the text field and press "Update."
All 3 steps in this procedure
  1. Click the plus (+) icon in the left-side menu to access "Add Elements."
  2. Choose "Embed" from the left sidebar menu.
  3. Select "Embed HTML" under "Popular Embeds".
  • Click on "Code" in the new HTML box that appears.
  • Paste the widget code into the text field and press "Update."
Method 2: (image 6 of 6) What this shows Click on "Code" in the new HTML box that appears. What this shows Illustrates the "Method 2:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". This screenshot appears in the "Method 2:" section of "Add GHL Customer Care's Chat Widget to Your Wix Website". The text alongside this image reads: Click on "Code" in the new HTML box that appears. Paste the widget code into the text field and press "Update.". Immediately after, the guide continues: Close the "HTML Settings" box. The widget will now be visible in the HTML box on your page. Image 6 of 6 What to copyClick on "Code" in the new HTML box that appears. Paste the widget code into the text field and press "Update." Next stepClose the "HTML Settings" box. The widget will now be visible in the HTML box on your page.
All 3 steps in this procedure
  1. Click the plus (+) icon in the left-side menu to access "Add Elements."
  2. Choose "Embed" from the left sidebar menu.
  3. Select "Embed HTML" under "Popular Embeds".
  • Close the "HTML Settings" box.
  • The widget will now be visible in the HTML box on your page.

Was this guide helpful?

Related guides

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