# 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. - Source: https://docs.ghlcustomercare.com/docs/sites/chat-widget/add-ghl-customer-care-s-chat-widget-to-your-wix-website - Section: Sites / Chat Widget - Reading time: 1 min - Images: 6, each explained below - Modified on Fri, 2 May, 2025 at 10:39 AM --- 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:**](#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:**](#here-are-detailed-steps-on-how-to-add-a-custom-chat-widget-to-a-wix-website-usin) - #### [Method 1:](#method-1)  - #### [Method 2:](#method-2) --- # **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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297599341/original/Xz6_1VYAkpYxA8I4zFVvELcqJXZwruPKpA.gif) **How to obtain the embed code for web chat for the website: (image 1 of 6)** 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 Code - What to copy: Copy the embed code from Sites > Chat Widget > Get Code - Controls: Sites, Chat Widget, Get Code - Next: 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. --- ## **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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297317762/original/afvuactXKgGh8MrZioPfgp44yPZvZ9dVMQ.jpeg) **Step 2 of 2: Click "Settings" in the left menu, then select "Custom Code" under the…** 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. - What to choose: Click "Settings" in the left menu, then select "Custom Code" under the "Advanced" tab. - Fields: Configure options:, Name: Enter a name for your code, Place Code In: Choose "Head" - Controls: Name Example values (illustrative, not read from the screenshot): - Name: Enter a name for your code: Priya Raman Full 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](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297317756/original/w4V_CFuVKnEFUt7QitNud1aLOySbUz5emQ.png) **Step 1 of 1: Click "Apply" to save changes** 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. - How to confirm: Click "Apply" to save changes. - Fields: Configure options:, Name: Enter a name for your code, Place Code In: Choose "Head" - Controls: Name Example values (illustrative, not read from the screenshot): - Name: Enter a name for your code: Priya Raman - 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297317759/original/9B-EBPNVDe9gBv25cEYvyoVTLUMwuVXzNQ.jpeg) **Method 2: (image 4 of 6)** 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". - What to click: Sign in to Wix account and launch Wix Editor. Click Edit Site from the Dashboard. - Next: 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". Full 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297317761/original/If6mts5CUAfyzOaTOstmGhmjsYsATMm4MA.jpeg) **Method 2: (image 5 of 6)** 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.". - Where to go: 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". - Next: Click on "Code" in the new HTML box that appears. Paste the widget code into the text field and press "Update." Full 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297317760/original/KLsgOAnNolAWPwLltKgtg67R88vUyXUHug.jpeg) **Method 2: (image 6 of 6)** 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. - What to copy: Click on "Code" in the new HTML box that appears. Paste the widget code into the text field and press "Update." - Next: Close the "HTML Settings" box. The widget will now be visible in the HTML box on your page. Full 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. --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com