Embed content in HubSpot and WordPress

With content embed features, you can create sections of content in HubSpot, then embed them into your HubSpot or WordPress website. 

Before you get started

Before you begin working with this feature, make sure to fully understand what steps should be taken ahead of time, as well as the limitations of the feature and potential consequences of using it.

Understand limitations & considerations

• The content embed features outlined in this article do not support the Blog posts module.
• Content embeds on external pages (e.g., WordPress) get their styling from the external page, not HubSpot. 
• Only WordPress's Gutenberg editor supports embedding content.
• Embedded content is not loaded through an iframe, but is injected with JavaScript. Search engines can execute JavaScript and will find the embedded content, thus avoiding any SEO challenges that iframes can present.

Create a content embed

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

• To create a content embed for use in HubSpot or WordPress pages:
  1. In your HubSpot account, navigate to Content > Embeds.
  2. In the top right, click Create embed. 
  3. In the dialog box, enter a name for the content embed, then click Create.
  4. In the content embed editor, click the add Add icon in the left sidebar. 
  5. In the sidebar editor, click the Layouts tab, then click a layout, and drag it into position. 
  6. In the left sidebar, click the add Add icon, then click a module, and drag it over to the layout. 

• 7. To preview your content embed, click Preview in the top right. 
• When you're finished editing your content embed, click Publish in the top right, then click Publish in the dialog box. 

Embed content in HubSpot

When you've published your content embed, you can embed the content on HubSpot pages. You can also embed content using the embed code. 

• To embed content on a page:

  1. 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.
  2. Click on the name of your page. 
  3. In the content editor, click the add Add icon in the left sidebar.
  4. In the sidebar editor, click the Sections tab, then click the content embed, and drag it into position on the page. 

• 5. Edit the content of the content embed using the content editor's drag and drop editing tools. 
• When you've finished editing your content embed and the page, click Publish in the top right.

Embed content in WordPress

When you've published your content embed, you can embed the content on WordPress pages. You can also embed content using the embed code. 

• To embed content in WordPress:
  1. Download and install HubSpot's WordPress plugin.
  2. Download the Content embed plugin and install the plugin in WordPress using the provided .zip file.
  3. In WordPress, open a page in the editor. 
  4. In the editor, type /, then type HubSpot Content Embed. 
  5. Select a content embed, or create a new content embed. 

• 6. 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.