Embed content in HubSpot and WordPress
Last updated: July 24, 2024
Available with any of the following subscriptions, except where noted:
|
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.
- 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
-
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 a / , 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.