Skip to content

Embed content in HubSpot and WordPress

Last updated: October 1, 2024

Available with any of the following subscriptions, except where noted:

Content Hub   Professional , Enterprise

With content embed features, you can create sections of content in HubSpot, then embed them into your HubSpot or WordPress website. Currently, only Wordpress's Gutenberg editor supports embedding content.

Please note: embedded content is not loaded through an iframe, but is injected via JavaScript. Search engines can execute JavaScript and will pick up on the embedded content, therefore avoiding any SEO challenges that iframes can present.

Create a content embed

Please note: The content embed features outlined in the sections below do not currently support the Blog posts module.

You can create unique sections of content using drag and drop editing tools

  • In your HubSpot account, navigate to Content > Embeds.
  • In the top right, click Create embed
  • In the dialog box, enter a name for the content embed, then click Create.
  • In the content embed editor, click the add Add icon in the left sidebar. 
  • In the sidebar editor, click the Layouts tab, then click a layout and drag it into position. 
  • In the left sidebar, click the add Add icon, then click a module and drag it over the layout. 

add-module-to-content-embed-in-hubspot

  • To preview your content embed, click Preview in the top right. Note that if you're embedding on an external page, the preview may not reflect what it will look like once embedded. This is because content embeds on external pages get their styling from the external page, not HubSpot.
  • When you're finished editing your content embed, click Publish in the top right, then click Publish in the dialog box. 

After creating your content embed, continue reading to learn how to embed the content on HubSpot or WordPress pages. Alternatively, learn how to embed content using the embed code.

Embed content in HubSpot

  • Navigate to your content:

    • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
  • Click on the name of your page. 
  • In the content editor, click the add Add icon in the left sidebar.
  • In the sidebar editor, click the Sections tab, then click the content embed and drag it into position on the page. 

add-content-embed-section

Embed content in WordPress

add-content-embed-in-wordpress

  • To edit the embed's content in WordPress, hover over the embed and click Click to edit embed
  • When you've finished editing your page, click Publish in the top right. 

Please note:

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.