# Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites > Learn how to embed GHL Customer Care forms on Squarespace, Wix, Shopify, WordPress, and Duda websites using embed code for seamless lead capture and CRM sync. - Source: https://docs.ghlcustomercare.com/docs/sites/forms/embedding-ghl-customer-care-forms-on-non-ghl-customer-care-websites - Section: Sites / Forms - Reading time: 5 min - Images: 18, each explained below --- This article provides step-by-step instructions for embedding GHL Customer Care forms on popular website platforms, including SquareSpace, Wix, Shopify, WordPress, and Duda. Forms are a powerful way to capture leads, engage visitors, and increase conversions directly on your website, even if it’s not hosted on GHL Customer Care. --- **TABLE OF CONTENTS** - [What are GHL Customer Care Forms](#what-is-embedding-of-ghl-customer-care-forms) - [Key Benefits of Embedding GHL Customer Care Forms](#key-benefits-of-embedding-ghl-customer-care-forms) - [Where to Find the Embed Link in GHL Customer Care?](#where-to-find-the-embed-link-in-ghl-customer-care) - [How to Embed GHL Customer Care Pop-Up Forms](#how-to-embed-ghl-customer-care-pop-up-forms) - [Squarespace](#squarespace) - [Wix](#wix-integration)  - [Shopify](#shopify-integration)  - [WordPress](#wordpress-integration)  - [Duda](#duda-integration)  - [Frequently Asked Questions](#frequently-asked-questions) --- # **What is Embedding of GHL Customer Care Forms** Embedding GHL Customer Care forms means integrating a form directly onto your website using your own website editor, allowing visitors to fill it out without being redirected elsewhere. This makes the process seamless, ensuring that lead capture, customer inquiries, or appointment bookings happen right within your branded environment. The best part? You won’t need to switch between multiple platforms or make adjustments in different places—just copy the embed code from GHL Customer Care and paste it into your website editor. --- ## **Key Benefits of Embedding GHL Customer Care Forms** Embedding GHL Customer Care forms can significantly improve engagement and lead generation on your website. Here are the key benefits: - **Capture More Leads:** GHL Customer Care forms enable you to collect visitor information directly on your site, making it easier to nurture leads. - **Cross-Platform Integration:** Use the forms on various website platforms such as SquareSpace, Wix, Shopify, WordPress, and Duda. - **Seamless CRM Syncing:** Automatically sync collected data with your GHL Customer Care CRM for streamlined follow-up and automation. - **Improved Engagement:** Use customizable forms to display targeted messages, promotions, or surveys. - **Performance Tracking:** Leverage GHL Customer Care’s built-in analytics to monitor and optimize the performance of your forms. --- ## **Where to Find the Embed Link in GHL Customer Care?** To embed GHL Customer Care forms on your website, you first need to locate the embed link in your GHL Customer Care account. This link provides the script that allows the form to appear on your chosen website. Here’s how you can find it: ### **Access Form Builder** From the dashboard, go to the **“Sites”** section in the main navigation menu. Click on the **“Forms”** menu located at the top menu. It will take you to the all forms list area. ![Access Form Builder (image 1 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155080331882/original/ayYeCk3wBGOzzUWIMwROzK9j48lHweorYw.png) **Access Form Builder (image 1 of 18)** This screenshot appears in the "Access Form Builder" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: From the dashboard, go to the “Sites” section in the main navigation menu. Click on the “Forms” menu located at the top menu. It will take you to the all forms list area. Immediately after, the guide continues: To embed a form, you can either select an existing one from the list or create a new form. If you’re starting fresh, simply click the “+ Add Form” button to build your form. If you already have a form ready, just select it from the…. - What to click: From the dashboard, go to the “Sites” section in the main navigation menu. Click on the “Forms” menu located at the top menu. It will take you to the all forms list area. - Controls: “Sites”, “Forms” - Next: To embed a form, you can either select an existing one from the list or create a new form. If you’re starting fresh, simply click the “+ Add Form” button to build your form. If you already have a form ready, just select it from the available options. ### **Choose or Create a Form** To embed a form, you can either select an existing one from the list or create a new form. If you’re starting fresh, simply click the **“+ Add Form”** button to build your form. If you already have a form ready, just select it from the available options. ![Choose or Create a Form (image 2 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155080331986/original/dY5w0UVaQIHzZAjEN9yL_en-BL59e_CN8A.png) **Choose or Create a Form (image 2 of 18)** This screenshot appears in the "Choose or Create a Form" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: To embed a form, you can either select an existing one from the list or create a new form. If you’re starting fresh, simply click the “+ Add Form” button to build your form. If you already have a form ready, just select it from the available options. Immediately after, the guide continues: Once your form is ready, In the Form Builder go to the "Integrate" tab located at the top right corner. Select the type of form from the options and click on the Copy Embed Code option. - What to choose: To embed a form, you can either select an existing one from the list or create a new form. If you’re starting fresh, simply click the “+ Add Form” button to build your form. If you already have a form ready, just select it from the available options. - Controls: “+ Add Form” - Next: Once your form is ready, In the Form Builder go to the "Integrate" tab located at the top right corner. Select the type of form from the options and click on the Copy Embed Code option. ### **Access the Embed Link** Once your form is ready, In the Form Builder go to the **"Integrate"** tab located at the top right corner. Select the type of form from the  options and click on the **Copy Embed Code** option. ![Access the Embed Link (image 3 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155080332076/original/FBadsdVSRVv5-_MUTQoKCjO3HB05UXMXPA.png) **Access the Embed Link (image 3 of 18)** This screenshot appears in the "Access the Embed Link" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Once your form is ready, In the Form Builder go to the "Integrate" tab located at the top right corner. Select the type of form from the options and click on the Copy Embed Code option. Immediately after, the guide continues: Your embed link is now ready to be pasted into your website’s code, following the platform-specific instructions outlined below. - What to fill in: Once your form is ready, In the Form Builder go to the "Integrate" tab located at the top right corner. Select the type of form from the options and click on the Copy Embed Code option. - Controls: "Integrate", Copy Embed Code - Next: Your embed link is now ready to be pasted into your website’s code, following the platform-specific instructions outlined below. ### **Ready to Use** Your embed link is now ready to be pasted into your website’s code, following the platform-specific instructions outlined below. --- ## **How to Embed GHL Customer Care Pop-Up Forms** Now that you’ve obtained the embed code for your pop-up form, let’s walk through the steps to seamlessly integrate it into your website. We’ve outlined detailed instructions for the most popular website builders. ### **Squarespace** #### Squarespace allows adding custom code through its code injection tool, enabling easy embedding of different types of forms. Let's understand each step in details : **Access Settings** Start by logging in to your website builder account and navigating to the **Settings** menu in your dashboard. ![Squarespace allows adding custom code through its code injection tool, enabling easy embedding of different types of forms. Let's understand each step in…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155040477944/original/0efeb-o3eyVRogzafuxyphxpWLA14s1QsQ.png) **Squarespace allows adding custom code through its code injection tool, enabling easy embedding of different types of forms. Let's understand each step in details :Access Settings (image 4 of 18)** This screenshot appears in the "Squarespace allows adding custom code through its code injection tool, enabling easy embedding of different types of forms. Let's understand each step in details:Access Settings" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Start by logging in to your website builder account and navigating to the Settings menu in your dashboard. Immediately after, the guide continues: Within the Settings menu, look for the Advanced option. Click on it to access additional customization features. - What this covers: Start by logging in to your website builder account and navigating to the Settings menu in your dashboard. - Controls: Settings - Next: Within the Settings menu, look for the Advanced option. Click on it to access additional customization features. #### **Click Advanced** Within the Settings menu, look for the **Advanced** option. Click on it to access additional customization features. ![Click Advanced (image 5 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155040477951/original/ybMVQtR9MD5CDh4TS0gy0ZRq2iJyXrtdtQ.png) **Click Advanced (image 5 of 18)** This screenshot appears in the "Click Advanced" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Within the Settings menu, look for the Advanced option. Click on it to access additional customization features. Immediately after, the guide continues: In the Advanced settings, locate the tab labeled as “Code Injection.”. - What to click: Within the Settings menu, look for the Advanced option. Click on it to access additional customization features. - Controls: Advanced - Next: In the Advanced settings, locate the tab labeled as “Code Injection.” #### **Select Code Injection** In the Advanced settings, locate the tab labeled as **“Code Injection.”** ![Select Code Injection (image 6 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155040477953/original/ls5P9Hb6iFA7aYZiHxwV04uEsTny_IigwQ.png) **Select Code Injection (image 6 of 18)** This screenshot appears in the "Select Code Injection" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: In the Advanced settings, locate the tab labeled as “Code Injection.”. Immediately after, the guide continues: Decide where to add the embed code. - What this covers: In the Advanced settings, locate the tab labeled as “Code Injection.” - Controls: “Code Injection.” - Next: Decide where to add the embed code: #### **Add the Embed Code** Decide where to add the embed code: To display the form across all pages, paste the code into the Header or Footer section of the Code Injection panel. ![Add the Embed Code (image 7 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155040478489/original/y3ZB1pWgpRXjY0kExdLTfGBhDd4cTiQ-QA.png) **Add the Embed Code (image 7 of 18)** This screenshot appears in the "Add the Embed Code" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: To display the form across all pages, paste the code into the Header or Footer section of the Code Injection panel. Immediately after, the guide continues: Once the code is added, click Save in the Code Injection panel or the Per-Page Code Injection field. - What to copy: To display the form across all pages, paste the code into the Header or Footer section of the Code Injection panel. - Next: Once the code is added, click Save in the Code Injection panel or the Per-Page Code Injection field. #### **Save and Publish** Once the code is added, click **Save** in the Code Injection panel or the Per-Page Code Injection field.  Publish your website to apply the changes. \*\* SquareSpace does not support embedding of forms on checkout pages. Ensure your forms target other areas of your website. --- ### **Wix Integration** #### **Wix Website Builder Options** 1. Click the **"+"** button to find the embed option. 2. Click **Embed** option. 3. Select the **Embed a Widget** option. ![Wix Website Builder Options (image 8 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155040484664/original/Y6uNfx7-bWPgkTHjD8Sjk3EEleRNldLKmw.png) **Wix Website Builder Options (image 8 of 18)** This screenshot appears in the "Wix Website Builder Options" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Click the "+" button to find the embed option. Click Embed option. Select the Embed a Widget option. Immediately after, the guide continues: Select Code option. Paste the embed script and click Update option to save your changes. - What to choose: Click the "+" button to find the embed option. Click Embed option. Select the Embed a Widget option. - Controls: "+", Embed, Embed a Widget - Next: Select Code option. Paste the embed script and click Update option to save your changes. Full procedure: 1. Click the "+" button to find the embed option. 2. Click Embed option. 3. Select the Embed a Widget option. #### **Paste the Code in Wix Editor** Select **Code** option. Paste the embed script and click **Update** option to save your changes. ![Paste the Code in Wix Editor (image 9 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155040484717/original/0yBNSWCitojfaCx_5c2QkASUvCfwCz0FzQ.png) **Paste the Code in Wix Editor (image 9 of 18)** This screenshot appears in the "Paste the Code in Wix Editor" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Select Code option. Paste the embed script and click Update option to save your changes. Immediately after, the guide continues: Preview the site to confirm the form appears correctly. Once confirmed, publish your Wix website. - What to choose: Select Code option. Paste the embed script and click Update option to save your changes. - Controls: Code, Update - Next: Preview the site to confirm the form appears correctly. Once confirmed, publish your Wix website. #### **Publish Your Website** Preview the site to confirm the form appears correctly. Once confirmed, publish your Wix website. --- ### **Shopify Integration** #### **Navigating to Themes Menu** Log in to your Shopify account and navigate to **Online Store** from the left-hand menu to manage your store’s themes. Click **Themes** to view all available themes, with your active theme displayed at the top. ![Navigating to Themes Menu (image 10 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155040520091/original/kzaaeFItx4w9RQRR-ToI52ELG1mJVi4ecg.png) **Navigating to Themes Menu (image 10 of 18)** This screenshot appears in the "Navigating to Themes Menu" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Log in to your Shopify account and navigate to Online Store from the left-hand menu to manage your store’s themes. Click Themes to view all available themes, with your active theme displayed at the top. Immediately after, the guide continues: Locate the theme you want to edit and click Three dots Actions next to its name to access customization options. From the dropdown menu, select Edit Code to open your theme’s files for adding or modifying custom code. - What to click: Log in to your Shopify account and navigate to Online Store from the left-hand menu to manage your store’s themes. Click Themes to view all available themes, with your active theme displayed at the top. - Controls: Online Store, Themes - Next: Locate the theme you want to edit and click Three dots Actions next to its name to access customization options. From the dropdown menu, select Edit Code to open your theme’s files for adding or modifying custom code. #### **Accessing and Editing Theme Code** Locate the theme you want to edit and click Three dots Actions next to its name to access customization options. From the dropdown menu, select **Edit Code** to open your theme’s files for adding or modifying custom code. ![Accessing and Editing Theme Code (image 11 of 18)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155040520123/original/N5u6tEeT775a005hG4_xhm3nczxL7ccJlg.png) **Accessing and Editing Theme Code (image 11 of 18)** This screenshot appears in the "Accessing and Editing Theme Code" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Locate the theme you want to edit and click Three dots Actions next to its name to access customization options. From the dropdown menu, select Edit Code to open your theme’s files for adding or modifying custom code. Immediately after, the guide continues: Locate the theme.liquid file in the Layout section. Paste the embed code in the ` ` or ` ` tag, depending on your form placement preference. - What to choose: Locate the theme you want to edit and click Three dots Actions next to its name to access customization options. From the dropdown menu, select Edit Code to open your theme’s files for adding or modifying custom code. - Controls: Edit Code - Next: Locate the theme.liquid file in the Layout section. Paste the embed code in the `` or `