GoHighLevel WordPress HTML Guide

/ CRM, GHL / By

How to Embed GoHighLevel Pages in WordPress with Custom HTML

If you manage complex workflows in ClickUp and run your marketing in GoHighLevel, you can seamlessly display your funnels and pages inside WordPress using custom HTML. This guide walks you through creating an iframe-based WordPress page that shows any published GoHighLevel page while keeping your site navigation intact.

Why Use GoHighLevel Pages Inside WordPress?

Embedding GoHighLevel pages in WordPress lets you combine the power of your CRM, funnels, and automations with the flexibility of your website. Instead of rebuilding designs, you can display existing GoHighLevel pages directly on a WordPress page.

This method is ideal when you want:

  • To keep your current WordPress header, footer, and menus.
  • To host marketing funnels created in GoHighLevel on your main domain.
  • To avoid complex sync or duplication between platforms.

Prerequisites for Using GoHighLevel with WordPress

Before you begin, make sure you have:

  • An active WordPress site with admin access.
  • Access to your GoHighLevel account with permission to view pages or funnels.
  • A published GoHighLevel page or funnel step with a live URL.

You will be using a WordPress page template that loads GoHighLevel content inside an iframe while showing your existing WordPress navigation.

Step 1: Get the URL of Your GoHighLevel Page

The first step is to grab the direct URL of the page you want to show inside WordPress.

  1. Log in to your GoHighLevel account.
  2. Open the Funnels or Websites section, depending on where your page is created.
  3. Select the specific GoHighLevel page or funnel step you want to embed.
  4. Copy the live preview or published URL of that page. This will be used as the iframe source in WordPress.

Keep this URL handy for the next steps.

Step 2: Create a New Page Template in WordPress for GoHighLevel

Next, you will create a custom page template in your active WordPress theme that can display the GoHighLevel page inside an iframe.

  1. Open your WordPress admin dashboard.
  2. Go to Appearance > Theme File Editor (or use FTP/SFTP if preferred).
  3. In your active theme folder, create a new PHP file. For example:
    • gohighlevel-custom-html-page.php
  4. Open the new file and add a basic WordPress page template structure.

The template will use standard WordPress header and footer functions, and will insert an iframe in the content area to load GoHighLevel.

Step 3: Add the HTML and PHP Structure for the GoHighLevel Iframe

Inside your new template file, define a page template and include an iframe that loads a GoHighLevel URL passed through query parameters or a variable. A very simple structure might include:

  • A template name comment so WordPress can detect it as a page template.
  • get_header() to show your normal site header.
  • An iframe element with a full-width, full-height layout.
  • get_footer() to show your site footer.

While the exact code can vary by theme, the key idea is that the iframe src will point to your GoHighLevel page.

Step 4: Create a WordPress Page Using the GoHighLevel Template

Once the template is in place, you can create a new page that uses this layout to display GoHighLevel content.

  1. In your WordPress dashboard, go to Pages > Add New.
  2. Enter a title for your page, such as “Client Portal” or “Marketing Funnel”.
  3. In the Page Attributes (or Template dropdown if you use the block editor), select the new template you just created, for example GoHighLevel Custom HTML Page.
  4. Publish the page.

At this point, you have a WordPress page that will load content from an iframe based on the GoHighLevel URL defined in the template.

Step 5: Point the Iframe to Your GoHighLevel Page

You now need to ensure that the iframe inside your template loads the correct GoHighLevel URL.

You can handle this in two main ways:

Method 1: Hard-Code a Single GoHighLevel URL

If the WordPress page will always show the same GoHighLevel page, edit the iframe src directly in the template file to the exact URL you copied earlier.

  • This is simple and fast.
  • Best when only one GoHighLevel page will be embedded via that template.

Method 2: Use a Dynamic URL Parameter for Multiple GoHighLevel Pages

If you plan to use the same template for multiple GoHighLevel pages, you can adapt the template to accept a URL parameter.

For example:

  • Append a query parameter to the WordPress page URL, such as ?ghl_page=YOUR_URL.
  • In the template, read this parameter and set it as the iframe src.

Always make sure to sanitize and validate any dynamic URL parameters so they are safe and controlled, and ideally only allow trusted GoHighLevel domains.

Step 6: Adjust Display and Styling for the Embedded GoHighLevel Page

To make the embedded content look natural on your site, adjust the iframe styling.

  • Set width to 100% to fill the page container.
  • Set height to a fixed value or use CSS to occupy the remaining viewport height.
  • Remove unnecessary borders or scrollbars if not needed.

The goal is a clean, full-page view of the GoHighLevel content that still shows your WordPress navigation, logo, and footer.

Troubleshooting GoHighLevel and WordPress Embeds

If you see issues when loading GoHighLevel content inside WordPress, check the following:

  • Mixed content issues: Ensure both WordPress and GoHighLevel pages use HTTPS.
  • Theme conflicts: Test with a default theme to see if your theme styles interfere with the iframe area.
  • Cache problems: Clear any WordPress or server cache after template changes.

If the content does not load at all, confirm that the GoHighLevel URL you are using is a valid, published page and that it allows embedding within an iframe.

Best Practices for Using GoHighLevel Pages in WordPress

To get the most from this integration:

  • Use short, descriptive WordPress page slugs for SEO.
  • Keep most tracking and scripts configured inside GoHighLevel so funnels work as expected.
  • Test your embedded pages on mobile devices to confirm responsiveness.

Because the core content is rendered from GoHighLevel, most funnel logic, forms, and automations will continue to work exactly as they do on the original GoHighLevel URL.

Where to Learn More About GoHighLevel WordPress Embeds

You can view the original GoHighLevel documentation for this method here: Official GoHighLevel WordPress custom HTML pages guide.

For broader marketing and automation strategies around GoHighLevel, you may also find useful resources and consulting at Consultevo.

Conclusion: Streamline Your Site with GoHighLevel and WordPress

By using a simple custom HTML page template, you can host GoHighLevel pages inside WordPress while preserving your main site design. This approach lets you centralize traffic on your domain, maintain consistent navigation, and still leverage the powerful funnel and automation features offered by GoHighLevel.

Once set up, you can continue building and optimizing your funnels inside GoHighLevel, knowing they will appear seamlessly inside your WordPress pages.

Need Help With ClickUp?

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

Scale GoHighLevel

“`