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.
Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
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.
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.
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)What this shows From the dashboard, go to the “Sites” section in the main navigation menu.What this showsIllustrates the "Access Form Builder" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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….Image 1 of 18What to clickFrom 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.
Buttons and menus referenced“Sites”“Forms”
Next stepTo 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)What this shows To embed a form, you can either select an existing one from the list or create a new form.What this showsIllustrates the "Choose or Create a Form" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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.Image 2 of 18What to chooseTo 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.
Buttons and menus referenced“+ Add Form”
Next stepOnce 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)What this shows Once your form is ready, In the Form Builder go to the "Integrate" tab located at the top right corner.What this showsIllustrates the "Access the Embed Link" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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.Image 3 of 18What to fill inOnce 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.
Buttons and menus referenced"Integrate"Copy Embed Code
Next stepYour 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 details :Access Settings (image 4 of 18)What this shows Start by logging in to your website builder account and navigating to the Settings menu in your dashboard.What this showsIllustrates 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".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.Image 4 of 18What this coversStart by logging in to your website builder account and navigating to the Settings menu in your dashboard.
Buttons and menus referencedSettings
Next stepWithin 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)What this shows Within the Settings menu, look for the Advanced option.What this showsIllustrates the "Click Advanced" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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.”.Image 5 of 18What to clickWithin the Settings menu, look for the Advanced option. Click on it to access additional customization features.
Buttons and menus referencedAdvanced
Next stepIn 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)What this shows In the Advanced settings, locate the tab labeled as “Code Injection.”What this showsIllustrates the "Select Code Injection" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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.Image 6 of 18What this coversIn the Advanced settings, locate the tab labeled as “Code Injection.”
Buttons and menus referenced“Code Injection.”
Next stepDecide 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)What this shows To display the form across all pages, paste the code into the Header or Footer section of the Code Injection panel.What this showsIllustrates the "Add the Embed Code" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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.Image 7 of 18What to copyTo display the form across all pages, paste the code into the Header or Footer section of the Code Injection panel.Next stepOnce 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
Click the "+" button to find the embed option.
Click Embed option.
Select the Embed a Widget option.
Wix Website Builder Options (image 8 of 18)What this shows Click the "+" button to find the embed option.What this showsIllustrates the "Wix Website Builder Options" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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.Image 8 of 18What to chooseClick the "+" button to find the embed option. Click Embed option. Select the Embed a Widget option.
Buttons and menus referenced"+"EmbedEmbed a Widget
Next stepSelect Code option. Paste the embed script and click Update option to save your changes.All 3 steps in this procedure
Click the "+" button to find the embed option.
Click Embed option.
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)What this shows Select Code option.What this showsIllustrates the "Paste the Code in Wix Editor" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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.Image 9 of 18What to chooseSelect Code option. Paste the embed script and click Update option to save your changes.
Buttons and menus referencedCodeUpdate
Next stepPreview 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)What this shows Log in to your Shopify account and navigate to Online Store from the left-hand menu to manage your store’s themes.What this showsIllustrates the "Navigating to Themes Menu" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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.Image 10 of 18What to clickLog 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.
Buttons and menus referencedOnline StoreThemes
Next stepLocate 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)What this shows Locate the theme you want to edit and click Three dots Actions next to its name to access customization options.What this showsIllustrates the "Accessing and Editing Theme Code" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".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.Image 11 of 18What to chooseLocate 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.
Buttons and menus referencedEdit Code
Next stepLocate the theme.liquid file in the Layout section. Paste the embed code in the `<head>` or `<footer>` tag, depending on your form placement preference.
Add Code to Header or Footer
Locate the theme.liquid file in the Layout section. Paste the embed code in the `<head>` or `<footer>` tag, depending on your form placement preference.
Add Code to Header or Footer (image 12 of 18)What this shows Locate the theme.liquid file in the Layout section.What this showsIllustrates the "Add Code to Header or Footer" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".This screenshot appears in the "Add Code to Header or Footer" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Locate the theme.liquid file in the Layout section. Paste the embed code in the ` ` or ` ` tag, depending on your form placement preference. Immediately after, the guide continues: WordPress supports embedding scripts via plugins or theme settings, making it versatile for adding pop-up forms.Image 12 of 18What to copyLocate the theme.liquid file in the Layout section. Paste the embed code in the `<head>` or `<footer>` tag, depending on your form placement preference.
Buttons and menus referencedtheme.liquid
Next stepWordPress supports embedding scripts via plugins or theme settings, making it versatile for adding pop-up forms.
WordPress Integration
WordPress supports embedding scripts via plugins or theme settings, making it versatile for adding pop-up forms.
Access the Editor
To begin, navigate to the Pages section in your website’s admin dashboard. This is where you can manage your site’s visual settings and design elements. To get into the editor mode, hover over the page where you wish to embed your GHL Customer Care form and click the Edit button
Access the Editor (image 13 of 18)What this shows To begin, navigate to the Pages section in your website’s admin dashboard.What this showsIllustrates the "Access the Editor" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".This screenshot appears in the "Access the Editor" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: To begin, navigate to the Pages section in your website’s admin dashboard. This is where you can manage your site’s visual settings and design elements. To get into the editor mode, hover over the page where you wish to embed your GHL Customer Care form and click the Edit button. Immediately after, the guide continues: Click the ”+” icon in the editor to reveal the list of available blocks for customizing your page.Image 13 of 18What to clickTo begin, navigate to the Pages section in your website’s admin dashboard. This is where you can manage your site’s visual settings and design elements. To get into the editor mode, hover over the page where you wish to embed your GHL Customer Care form and click the Edit button
Buttons and menus referencedPagesEdit
Next stepClick the ”+” icon in the editor to reveal the list of available blocks for customizing your page.
Open the Block Menu
Click the ”+” icon in the editor to reveal the list of available blocks for customizing your page.
Open the Block Menu (image 14 of 18)What this shows Click the ”+” icon in the editor to reveal the list of available blocks for customizing your page.What this showsIllustrates the "Open the Block Menu" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".This screenshot appears in the "Open the Block Menu" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Click the ”+” icon in the editor to reveal the list of available blocks for customizing your page. Immediately after, the guide continues: Scroll down and select the Custom HTML option to insert your own code into the page layout.Image 14 of 18What to clickClick the ”+” icon in the editor to reveal the list of available blocks for customizing your page.
Buttons and menus referenced”+”
Next stepScroll down and select the Custom HTML option to insert your own code into the page layout.
Select the Custom HTML Block
Scroll down and select the Custom HTML option to insert your own code into the page layout.
Select the Custom HTML Block (image 15 of 18)What this shows Scroll down and select the Custom HTML option to insert your own code into the page layout.What this showsIllustrates the "Select the Custom HTML Block" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".This screenshot appears in the "Select the Custom HTML Block" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Scroll down and select the Custom HTML option to insert your own code into the page layout. Immediately after, the guide continues: Paste the embed code into the appropriate section within the selected file. Ensure it’s placed correctly between the or tags for proper functionality. Save your changes once done.Image 15 of 18What to chooseScroll down and select the Custom HTML option to insert your own code into the page layout.
Buttons and menus referencedCustom HTML
Next stepPaste the embed code into the appropriate section within the selected file. Ensure it’s placed correctly between the <head> or <footer> tags for proper functionality. Save your changes once done.
Inserting the Embed Code
Paste the embed code into the appropriate section within the selected file. Ensure it’s placed correctly between the <head> or <footer> tags for proper functionality. Save your changes once done.
Inserting the Embed Code (image 16 of 18)What this shows Paste the embed code into the appropriate section within the selected file.What this showsIllustrates the "Inserting the Embed Code" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".This screenshot appears in the "Inserting the Embed Code" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Paste the embed code into the appropriate section within the selected file. Ensure it’s placed correctly between the or tags for proper functionality. Save your changes once done. Immediately after, the guide continues: Save changes and refresh your website to verify the form appears correctly.Image 16 of 18How to confirmPaste the embed code into the appropriate section within the selected file. Ensure it’s placed correctly between the <head> or <footer> tags for proper functionality. Save your changes once done.Next stepSave changes and refresh your website to verify the form appears correctly.
Update and Test
Save changes and refresh your website to verify the form appears correctly.
Duda Integration
Duda offers a built-in widget for custom code, allowing you to easily add forms.
Add a Custom Widget
Open the Duda editor and navigate to the page where you want the pop-up form.
Select Widgets > HTML Widget and drag it onto the page.
Add a Custom Widget (image 17 of 18)What this shows Select Widgets > HTML Widget and drag it onto the page.What this showsIllustrates the "Add a Custom Widget" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".This screenshot appears in the "Add a Custom Widget" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Select Widgets > HTML Widget and drag it onto the page. The navigation path used here is Select Widgets > HTML Widget. Immediately after, the guide continues: Paste the GHL Customer Care script into the HTML widget and position it as needed.Path: Select Widgets > HTML WidgetImage 17 of 18What to chooseSelect Widgets > HTML Widget and drag it onto the page.Next stepPaste the GHL Customer Care script into the HTML widget and position it as needed.
Paste Embed Code
Paste the GHL Customer Care script into the HTML widget and position it as needed.
Paste Embed Code (image 18 of 18)What this shows Paste the GHL Customer Care script into the HTML widget and position it as needed.What this showsIllustrates the "Paste Embed Code" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites".This screenshot appears in the "Paste Embed Code" section of "Embedding GHL Customer Care Forms on Non-GHL Customer Care Websites". The text alongside this image reads: Paste the GHL Customer Care script into the HTML widget and position it as needed. Immediately after, the guide continues: Save and Publish: After adding the embed code, save your changes in the appropriate section of your website settings. Ensure the changes are published or made live to apply the updates. Test your website: Open your website in a browser to….Image 18 of 18What to copyPaste the GHL Customer Care script into the HTML widget and position it as needed.Next stepSave and Publish: After adding the embed code, save your changes in the appropriate section of your website settings. Ensure the changes are published or made live to apply the updates. Test your website: Open your website in a browser to verify that the embedded pop-up form displays and functions as intended. If the form doesn’t appear: Review the embed code for any errors or omissions during the copy-paste process. Make sure the code is placed in the correct section for it to load properly.
Save and Publish: After adding the embed code, save your changes in the appropriate section of your website settings. Ensure the changes are published or made live to apply the updates. Test your website: Open your website in a browser to verify that the embedded pop-up form displays and functions as intended. If the form doesn’t appear: Review the embed code for any errors or omissions during the copy-paste process. Make sure the code is placed in the correct section for it to load properly.
Frequently Asked Questions
Q: Can I customize the appearance of the form?
Yes, you can customize the form’s design and content within GHL Customer Care before embedding it on your site.
Q: Can I use multiple forms on different pages?
Absolutely! Generate unique embed codes for each form and paste them into the relevant pages.
Q: Is coding experience required?
No! Each platform provides a user-friendly editor for embedding custom scripts.
Frequently asked questions
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:
