How to Add Video to a CTA in HubSpot

Adding video to a call-to-action (CTA) in HubSpot is a powerful way to capture attention and improve click-through rates, especially on pages and emails where static images are not enough to convert visitors.

This guide walks you step by step through the exact process of creating or editing a video CTA in a HubSpot account, the types of video sources you can use, and the options available in the CTA editor.

Before You Add a Video CTA in HubSpot

Before you insert video into a CTA, there are a few requirements and limitations to understand so your CTA works correctly in your HubSpot tools.

Supported video types in HubSpot CTAs

You can attach video to a CTA in a few different ways, depending on where your video is hosted and which HubSpot features you use:

HubSpot video hosting (with supported subscription tiers)
External video sources embedded via URL
Video thumbnails that link to a video page or modal

Check your subscription level and video hosting setup inside your account settings to confirm that native HubSpot video tools are available for your portal.

Where video CTAs can be used in HubSpot

Once you create a video CTA, it can typically be added to these assets:

Website pages and landing pages built in the content editor
Marketing emails created in the drag-and-drop email editor
Blog posts managed in your HubSpot CMS
Some custom modules or templates that support CTAs

If a template or module does not show the CTA picker, you may need a developer to update that module or use a different layout that exposes CTA options.

Step-by-Step: Create a Video CTA in HubSpot

Follow these steps inside your HubSpot marketing tools to build a new CTA that uses video.

1. Open the HubSpot CTA dashboard

Log in to your account.
In the main navigation, go to Marketing > Lead Capture > CTAs (or the CTAs tool in your navigation).
You will see a list of existing CTAs along with performance metrics such as views and clicks.

2. Create a new CTA or edit an existing one

From the CTAs dashboard, you can either:

Create a new CTA: click the button to create a new CTA and choose the appropriate CTA type (for example, button or image-based).
Edit an existing CTA: hover over a CTA in your list and click Edit to modify it.

For a video CTA, you often start with an image-based CTA and then configure the video element inside the design panel.

3. Choose a design that supports video

Once you are in the editor, select a layout that works well for video. Typical options include:

A preview image with a play icon over it
A thumbnail image with text and a button
A simple button CTA that links to a video page

The exact options may vary depending on your templates and the current CTAs interface in your HubSpot account.

4. Add or configure the video source

In the CTA editor, locate the area where you can add media or configure the clickable element. Then:

Select Video or a similar option in the media picker, if available.
Choose your video source:

If you use HubSpot-hosted video, pick a video from your file manager library.
If you use an external video host, paste the video URL in the provided field, following the supported formats described in the video documentation.

After you choose your video, confirm how it should behave when a visitor clicks the CTA.

5. Decide how the HubSpot video CTA behaves on click

A video CTA in HubSpot can be configured to trigger different actions. Common options include:

Open video in a modal: the page background dims and the video opens in a lightbox overlay.
Go to a dedicated video page: the CTA sends the visitor to a landing page or external URL where the video is embedded.
Play inline: the video may replace or expand over the CTA area on the page.

Choose the behavior that best matches the context of your page or email. For example, a modal experience is helpful when you want users to stay on the same page while watching the video.

Customize the Design of Your HubSpot Video CTA

The design of your CTA has a big impact on engagement. Use the available controls in the HubSpot editor to align your video CTA with your brand and conversion goals.

Adjust CTA copy and visual elements

Inside the editor, configure these elements:

CTA text: short, action-oriented language such as “Watch the demo” or “Play video”
Thumbnail or preview image: a still image from the video or a custom-designed thumbnail
Overlay icon: a play button icon so visitors immediately recognize the content as video

Use consistent brand colors and fonts that match the rest of your HubSpot assets to keep a unified visual identity.

Modify layout and style in HubSpot

Depending on your template, you can also fine-tune:

Button size, border radius, and alignment
Hover styles and animations
Padding and spacing around the video CTA block

Preview frequently to see how the video CTA appears across desktop and mobile views inside HubSpot.

Insert the Video CTA into Your HubSpot Content

After your CTA is saved, you can add it to pages, blog posts, and emails.

Add a video CTA to a page or blog post

Open the page or blog post in the HubSpot content editor.
Add or select a CTA module in your layout.
Use the module settings to select the video CTA you created.
Update and publish your content when you are satisfied with the placement and appearance.

Use a video CTA in a HubSpot email

Open an email in the drag-and-drop email editor.
Drag a CTA module into the email layout.
Choose your video CTA from the list.
Send a test email to confirm how the video CTA renders in different email clients.

Keep in mind that most email clients do not support autoplaying embedded video. In many cases, the CTA will show as an image or button that links to a page where the video actually plays.

Best Practices for High-Converting HubSpot Video CTAs

Once you know the mechanics of adding video, focus on optimization for better performance in your HubSpot reports.

Optimize the thumbnail and play icon

Choose a frame that shows a person or a clear product shot.
Use contrasting colors so the play icon stands out.
Avoid cluttered backgrounds that make the CTA text hard to read.

Keep CTAs and video content aligned

Ensure the promise in your CTA text matches the focus of your video. Examples include:

“See how it works” linked to a product walkthrough video.
“Watch customer stories” leading to a short testimonial reel.

This alignment helps reduce bounce and improves engagement metrics tracked inside HubSpot.

Measure performance in HubSpot analytics

After publishing your video CTA, track:

Views and clicks on the CTA
Click-through rate (CTR) by page or email
Downstream metrics, such as form submissions or deals created

Use A/B tests on copy, thumbnail, and placement to improve performance over time using your HubSpot reporting dashboards.

Additional Resources for HubSpot Video CTAs

For the most accurate and up-to-date reference on supported video types, behaviors, and interface options, always review the official documentation from the platform:

Official guide to adding video to a CTA

If you need strategic or technical help implementing advanced CTA testing, full-funnel tracking, or broader marketing automation, you can also consult specialized partners:

Consultevo marketing and HubSpot consulting

By combining clear video content with well-designed CTAs and accurate tracking, you can turn more of your traffic into leads and customers directly inside your HubSpot environment.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`

HubSpot video CTAs made easy