How to add Vidyard videos to HubSpot marketing emails

Avatar
Brendan O'Driscoll
Who Can Use This Feature?
Self-Service Plans
Free Pro Plus
Business Plans
Essentials Growth Enterprise

You can easily add Vidyard videos to your marketing emails in HubSpot's drag & drop email editor.

Simply copy the email campaign embed code for your video and paste it into email builder's HTML module.

Since video playback is not supported inside most email clients, the email campaign code adds your video's thumbnail image with a play button to the body of the email. When clicked, the image links your email recipients to a your branded sharing page where they can watch your video.

Requirements

Adding video to your marketing email

  1. Create a new email (or edit an existing email) in HubSpot
    • Select MarketingEmail from the main menu to get started
  2. In the email editor, select +more to click and drag an HTML-Email element onto the layoutDragging the HTML-Email module onto the page layout in HubSpot's email editor
  3. Copy and paste the email campaign embed code for your video (obtained from Vidyard) into the HTML box.
    • You should see your video's thumbnail image appear where you placed the HTML module in the drag & drop editor.  Pasting the embed code for your video into the module's HTML field box

How to identify contacts who watch your video

To ensure each email recipient who watches your video is properly identified in Vidyard, you'll need to add a special string to the video URL in the embed code.

The string combines Vidyard's identification parameter with HubSpot's personalization token (merge tag) for contact emails: ?vyemail= and {{contact.email}}.

  1. Find share.vidyard.com/watch/ in the <a href> tag of the embed codeAdding HubSpot's personalization token for your contacts' emails to the embed code. This ensures that each recipients who clicks on the link is identified in Vidyard
  2. Add ?vyemail={{contact.email}} to the end of the URL

The end result should look like this:

<a href="https://share.vidyard.com/watch/JJkazZR7foHWFu4KPa?vyemail={{contact.email}}" target="_blank" title="short video">

How to change the size of the thumbnail image

In addition to the editing options in HubSpot's email builder, you can also edit the HTML of the video's thumbnail to change its size.

For example, add width="640" and height="360" to the <img> tag to make the thumbnail larger.

<img src="//cdn.vidyard.com/thumbnails/7812491HSA1BRNEUDYpjo5QMMH_play_button_small.jpg" alt="Yukon" width="640" height="360/>

Need support

Submit a ticket or start a chat. We'll provide a self-serve resource or connect you with our support team, available 24x5.

Chat with Our Team