Table of contents

Understanding the WordPress block editor (Gutenberg) How to embed a GHL form using the HTML block Embedding other GHL elements (landing pages, booking, calendars) Can you use Gutenberg blocks to style GHL embeds? Plugins that enhance WordPress + GHL integration Limitations of block editor + GHL integrations Bonus: Create reusable GHL blocks for faster publishing Getting started

Get the industry’s fastest WordPress hosting ◦ 99.999% uptime
◦ Comprehensive security
◦ 24/7 support

WordPress Guide → Development → Block Editor Integrate With GHL

Does the WordPress block editor integrate with GHL?

If you’re using GoHighLevel (GHL) for your marketing automation and WordPress for your website, good news—yes, they work together. Even better, you don’t need advanced coding skills to make it happen. The WordPress block editor (also known as Gutenberg) makes it easy to embed GHL forms, calendars, landing pages, and more directly into your WordPress pages and posts.

Let’s walk through how the integration works, what’s possible, and how to make the most of it.

Get fast, reliable hosting for WordPress

Power your site with the industry’s fastest, most optimized WordPress hosting

WordPress.org hosting

Understanding the WordPress block editor (Gutenberg)

The block editor is WordPress’s default content editor. It replaces the old classic editor with a flexible, visual interface built around blocks.

Each block is a piece of content—like a paragraph, heading, image, button, or even custom HTML. You can arrange and style these blocks without touching code.

Why this matters for GHL integration:

You can paste GHL embed codes into HTML blocks.
You can style those blocks using layout options inside the editor.
You can group or reuse embedded elements across multiple pages.

How to embed a GHL form using the HTML block

If you’ve created a form inside GoHighLevel and want to display it on your WordPress site, this is the most straightforward method.

Step 1: Get the GHL embed code

Log in to your GoHighLevel account.
Navigate to the Sites section, then choose Forms.
Find the form you want to embed.
Click the form’s settings or “Actions” menu and select Get Embed Code.
Copy the entire code snippet provided—this will usually be an <iframe> or <script> tag.

Step 2: Open your WordPress page or post

Go to your WordPress dashboard.
Click Pages or Posts, depending on where you want to add the form.
Either create a new page or edit an existing one.

Step 3: Add a Custom HTML block

Inside the WordPress block editor, click the + icon to add a new block.
Search for Custom HTML and select it.
Paste the GHL embed code into the block.
Click Preview to see how the form will look on the front end.
Once you’re happy with the placement, Update or Publish the page.

That’s it—your GHL form will now appear on your site.

Embedding other GHL elements (landing pages, booking, calendars)

GHL offers a variety of widgets and features beyond just forms. These include:

Landing pages built in GHL
Appointment booking calendars
Surveys and quizzes
Live chat widgets

To embed any of these:

Go to the element you want to embed inside GHL (e.g., Calendars > Select Calendar).
Click to get the embed code. This may be labeled as “Get Embed Code,” “Embed,” or “Link” depending on the element.
Copy the provided HTML or iframe code.
In WordPress, open the desired page or post.
Add a Custom HTML block and paste the code just like you did for a form.

If you’re embedding a full landing page, GHL will likely give you an iframe snippet you can use to display that page inside your WordPress content.

Can you use Gutenberg blocks to style GHL embeds?

You can’t change how the GHL form or widget looks from inside WordPress, but you can adjust how it appears on your page.

Here’s what you can do:

Wrap the HTML block inside a Group or Columns block to control spacing, layout, or background color.
Use Padding and Margins in the block settings sidebar to adjust the layout around the embed.
Add headings, paragraphs, or images above or below the embed block to create a complete section.
If you want more design control, use Additional CSS (found in the Customizer or block editor settings) to style the iframe container or parent block.

Keep in mind: you won’t be able to directly edit the design of the form or calendar since those are controlled from inside GoHighLevel.

Plugins that enhance WordPress + GHL integration

You don’t need plugins to embed GHL elements, but a few can make the process cleaner and more flexible:

Header Footer Code Manager (HFCM) – Perfect for inserting GHL chat widgets or site-wide scripts.
WPCode – Lets you manage embed scripts without editing your theme files.

Limitations of block editor + GHL integrations

While Gutenberg gives you an easy way to embed GHL content, there are a few limitations to be aware of:

No live syncing: There’s no built-in sync between WordPress and GHL. Everything is embed-based.
Limited style control: You can style the block around your embed, but not the embedded content itself.
Mobile responsiveness: Some embeds, especially landing pages or calendars, may not scale perfectly on mobile unless the GHL code is optimized.
No form submissions to WordPress: All submissions go through GHL. You won’t see leads or entries in WordPress.

For advanced workflows like syncing contacts or automating actions, you’ll need to use webhooks, Zapier, or Make.com.

Bonus: Create reusable GHL blocks for faster publishing

If you’re embedding the same form, calendar, or widget across multiple pages, reusable blocks can save a lot of time.

To create a reusable block:

Add a Custom HTML block with your GHL code.
Click the three dots (⋮) in the block toolbar.
Select Add to Reusable blocks.
Name your block something like “Lead Capture Form” or “Appointment Widget”.
Click Save.

Now, anytime you need that element again, just search for the reusable block and insert it instantly. This works great for calls-to-action, contact sections, or opt-in forms.

Next steps for WordPress block editor and GHL integration

Integrating GHL with the WordPress block editor is simple, fast, and doesn’t require any special plugins or coding skills. You can embed forms, calendars, landing pages, and more using Gutenberg’s built-in tools, while keeping your page layout clean and responsive.

If you use GoHighLevel to generate leads or book appointments, this integration gives you everything you need to create conversion-friendly WordPress pages.

Ready to upgrade your WordPress experience? Professional hosting improves speeds, security, and reliability for a website and a brand that people find engaging and trustworthy.

Don’t want to deal with server management and maintenance? Our fully managed hosting for WordPress is the best in the industry. Our team are not only server IT experts, but WordPress hosting experts as well. Your server couldn’t be in better hands.

Click through below to explore all of our hosting for WordPress options, or chat with a WordPress expert right now to get answers and advice.