Whether you're looking to capture visitor attention on landing pages, increase engagement on your blog posts, or add dynamic visuals to your emails, we've got you covered with step-by-step instructions for embedding media in all types of HubSpot content.
Recommended embed settings for HubSpot:
Inline (Standard) embed
Responsive sizing
Embed in a Rich Text or Video module in HubSpot
When embedding on HubSpot website pages, landing pages, or blog posts using the drag and drop editor, you can use either a rich text or video module—whichever option best suits your layout.
Note
If you're using HubSpot blog templates and don't see "Video" or "Rich Text" in the modules list, you may need to add these modules to your template first. Check out this Video Example 📼
Embed in a rich text module
We'll follow HubSpot's Embed an external media file with an embed code instructions to embed a video via the Rich Text module. This method should support all of Wistia's embed types and options.
Open your page or post in the HubSpot content editor.
Add or select a rich text module.
In the rich text toolbar, click "Insert", then "Embed."
Paste your Wistia embed code and click "Insert."
A preview of the media should display when you paste the embed code into the insert embed module:
Embed in a video module
For this method, we'll follow HubSpot's steps for embedding an external video in a video module. This method should support all of Wistia's embed types and options.
Open your page or post in the HubSpot content editor.
Add a video module and select the "Embed" video type and "Embed Code" embed type.
Paste your Wistia embed code and click "Apply Changes".
Once you save your changes, you should see a clickable video on your page or post.
HubSpot Email embeds
Email embeds add a clickable thumbnail link to an email body, directing recipients to a page with your video. When clicked, these embeds use HubSpot's personalization tokens to dynamically tag your recipients by email so they appear in your identified audience within Wistia.
Get an email embed from Wistia
From your Wistia media page, click "Embed" and select the "Email" tab.
Select "HubSpot" from the Email Provider dropdown menu.
Specify your desired thumbnail size. The email template determines the maximum thumbnail size.
In the "Links To" field, enter the page URL of your embedded video.
Click "Copy Tag" to get your embed code.
See our Email Marketing and Wistia guide for more information.
Embed in HubSpot email
To add your email embed, create a new email or edit an existing one in the HubSpot email editor.
Click on the rich text module in the main email body.
In the Rich Text toolbar, select "Advanced," then "Source Code."
Paste your email embed into the Edit Source Code modal.
Click "Save Changes."
Tip
If you need a clue for where to place your embed, try putting some placeholder text in the email body before opening the Source Code field, such as [embed here]. Then you'll know exactly where the embed should go in the Source Code.
After saving, you should immediately see the thumbnail in your message body, which means you're ready to send!
