How to Embed GoHighLevel Forms on Any Website

If you use ClickUp or other project tools to manage campaigns, you can still collect leads smoothly by embedding your GoHighLevel forms on non-HighLevel websites. This guide walks you through every method available so you can publish your forms on WordPress, custom HTML sites, or other platforms without breaking your existing tech stack.

The steps below are based on the official GoHighLevel support documentation and show you where to find the embed codes, how to choose the right option, and what to check when something does not display correctly.

Accessing Your GoHighLevel Form Builder

Before you can embed anything, you need to access the form inside your GoHighLevel account.

1. Log in to your GoHighLevel dashboard.
2. From the left-hand menu, go to Sites.
3. Select Forms to open the forms library.
4. Click on the form you wish to embed, or create a new form.

Once you are in the form builder, you will find all available GoHighLevel embed options under the integration or publish settings panel.

GoHighLevel Form Embed Options Overview

GoHighLevel provides multiple ways to embed a form on non-HighLevel websites. The exact list can vary slightly over time, but the most common options include:

• Simple JavaScript embed code
• iFrame embed code
• Direct form link (URL) you can use behind buttons or in emails

All of these options rely on a small snippet of code that you copy from GoHighLevel and paste into the external site where the form should appear.

How to Copy the GoHighLevel Form Embed Code

Use these steps to find and copy the embed snippet from the GoHighLevel interface:

1. Open your form in the GoHighLevel form builder.
2. Locate the section labeled Integrate, Publish, or similar (depending on current UI wording).
3. Find the Embed section; you will see one or more code options.
4. Click the copy icon next to the JavaScript or iFrame embed code.

Keep this code ready; you will paste it into your non-HighLevel website in the next steps.

Embedding GoHighLevel Forms on WordPress

Many users run marketing sites on WordPress while handling funnels and automations inside GoHighLevel. To place your form on a WordPress page or post, follow these instructions:

Method 1: Using the WordPress Block Editor

1. In your WordPress dashboard, go to Pages or Posts and click Edit on the page where the GoHighLevel form should appear.
2. In the block editor (Gutenberg), add a new block.
3. Select the Custom HTML block.
4. Paste the GoHighLevel embed code (JavaScript or iFrame) into this block.
5. Click Preview to ensure the form displays correctly.
6. Click Update or Publish to make the change live.

Method 2: Using Classic Editor or Page Builders

If you are using the Classic Editor, Elementor, Divi, or another page builder, you will usually have a way to insert custom HTML.

1. Open the page in your preferred editor.
2. Locate a widget/module/element labeled HTML, Code, or similar.
3. Drag it into the layout where you want the GoHighLevel form to appear.
4. Paste the embed code you copied from GoHighLevel.
5. Save and preview the page.

When the page loads on the front end, the embedded GoHighLevel form should display and function as if it were on a HighLevel-hosted page.

Embedding GoHighLevel Forms on Custom HTML Sites

If your site is built with plain HTML or a custom framework, you can still embed GoHighLevel forms easily.

1. Open the HTML file for the page where you want the form.
2. Decide where in the layout the form should show (for example, inside a <div> in the main content section).
3. Paste the GoHighLevel JavaScript or iFrame snippet directly into the HTML at that spot.
4. Upload the updated file to your server or deploy your site as you normally do.
5. Load the page in a browser to confirm that the form appears.

Because the GoHighLevel form is hosted remotely, you do not need to copy the form fields manually. The embed code will automatically pull in the latest version every time the page loads.

iFrame vs JavaScript GoHighLevel Embeds

GoHighLevel often offers both iFrame and JavaScript embed options. Choosing the right one depends on your site setup and styling requirements.

When to Use the iFrame Embed

The iFrame option is usually best when:

• You want the form fully isolated from your site styles.
• You are working with a CMS that sometimes strips scripts.
• You want a quick, predictable embed that rarely conflicts with other code.

To use it, copy the iFrame code from GoHighLevel and paste it into your site’s HTML or custom HTML block as described above.

When to Use the JavaScript Embed

The JavaScript embed can be useful when:

• You need more flexible styling within your layout.
• You want the form to behave more like a native part of the page.

However, ensure your platform allows scripts in the content area. Some website builders limit script tags for security reasons.

Troubleshooting Embedded GoHighLevel Forms

If your GoHighLevel form does not display, loads partially, or behaves unexpectedly, check these common issues:

• Script blocking: Some security plugins or content security policies can block external scripts or iFrames. Temporarily disable them or add the GoHighLevel domain to the allowlist.
• Cached pages: Caching plugins and CDNs may show older versions of your page. Clear the cache and reload.
• Incorrect placement: Verify that the embed code is inside the correct section of your HTML and not within unsupported tags.
• Theme or builder conflicts: If the form appears only in some layouts, try placing the GoHighLevel code in a simpler HTML container or a different template.

If problems persist, compare your implementation with the official instructions on the original help article from GoHighLevel, available at this GoHighLevel support page.

Best Practices for GoHighLevel Form Embeds

To get the most out of your embedded GoHighLevel forms, consider these tips:

• Test on multiple devices: Confirm that the form looks good on desktop and mobile.
• Use clear calls to action: Add headings and text around the embedded GoHighLevel form to explain what users are signing up for.
• Track conversions: Use your analytics tool or tag manager to track visits and submissions on pages containing GoHighLevel forms.
• Keep forms short: Shorter forms generally convert better; adjust fields in the GoHighLevel builder before embedding.

Next Steps and Additional Resources

Once your form is embedded and working, you can connect it to automations, pipelines, and nurture campaigns inside your GoHighLevel account. For broader marketing and implementation help around CRM and funnel systems, you can explore additional resources at Consultevo.

By following the steps in this guide and the official GoHighLevel documentation, you can place high-converting forms on virtually any non-HighLevel website while still managing all submissions, tags, and workflows from a single centralized GoHighLevel account.

Need Help With ClickUp?

If you want expert help building, automating, or scaling your GHL , work with ConsultEvo — trusted GoHighLevel Partners.

Scale GoHighLevel

“`