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.
- 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.
- Edit the content of the content embed using the content editor's drag and drop editing tools.
Embed content in WordPress
- Download and install HubSpot's WordPress plug-in and content embed plug-in. Learn more about installing plug-ins in WordPress.
- In WordPress, open a page in the editor.
- In the editor, type / , then type HubSpot Content Embed.
- Select a content embed, or create a new content embed.
- 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:
- A content embed receives its styling from the page it's embedded on, not from HubSpot. To adjust the content embed's appearance, you'll need to edit the page's CSS.
- The content embed code does not include your HubSpot tracking code. You'll need to separately install the tracking code on external pages to take advantage of HubSpot features such as traffic analytics and private consent banners.