Embed HubSpot-hosted videos from the video tool on to your externally-hosted website, such as WordPress, or externally-hosted emails, such as Gmail. Then, track views, plays, and engagement events across all platforms directly within HubSpot.
Search for and select the name of the video file. You'll be directed to the video details page.
In the top right, click the Embed. If the advanced features setting has not been turned on for the video, this will not appear.
In the dialog box, set up your share format:
Size: select whether the embedded video should be responsive or have a fixed video size. By default, the option will be set to Responsive, which will automatically adjust the video size based on page width.
Loop: automatically restart the video and play it continuously in a loop.
Mute by default: mute the video by default. Visitors will need to click to turn on audio.
Autoplay: automatically play the video when the page loads.
Visible controls: display a control bar to the visitor. By default, this option is turned on.
Play button color: use the color picker to set a color for the video's play button.
Include SEO metadata: toggle this option to include video metadata onto the page for search engines to index the video.By default, this option is turned on.
After configuring the video's settings, in the bottom left, click Copy embed code. The video embed code will automatically be copied to your device's clipboard.
Navigate to your external website's content management system (CMS).
Paste the video embed code into the HTML of your non-HubSpot page, wherever you want the video to appear. Additional recommendations are available for the following:
WordPress: it\s recommended to use a custom HTML block to add your HubSpot video embed code to WordPress pages and blog posts. Learn more about adding embeds to WordPress content.
Shopify: it's recommended to insert your video's embed code by either selecting the Add video rich text option or modifying the page's HTML directly via the inline code editor. If you require a more complex use case, you can add your embed HTML to a Custom Liquid template as part of your Shopify theme. Learn more about using templates in Shopify.
Preview your video on the webpage to check what it looks like when live. The video should display with a responsive layout that automatically adjusts to page width. If the video is not displaying correctly, check that your external CMS has not altered the code that you copied.
When you're finished, publish your page.
Copy and use your embed code on externally-hosted emails
Generally, video isn't supported on most email clients. Videos added to your emails will appear as a thumbnail image with a video player button. The thumbnail image will link to a page where your email recipient can view your video.
After configuring the video's settings, in the bottom left, click Copy embed code. The video embed code will automatically be copied to your device's clipboard.
Navigate to your external email host.
Paste the video embed code into the HTML of your email, wherever you want the video to appear. This can vary based on your email provider.
Files
Thank you for your feedback, it means a lot to us.
This form is used for documentation feedback only. Learn how to get help with HubSpot.
Content Hub
Professional, Enterprise
