How to Embed Video in Email [Quick Tip]

How to Embed Video in Email [Quick Tip]
How to Embed Video in Email [Quick Tip]

How to Embed Video in Email [Quick Tip]

Nowadays, video is an undeniably popular channel for marketing purposes.

In fact, in 2021, 86% of businesses use video as a marketing tactic.

If you're an email marketer, I'm willing to bet you've considered how you might spruce up your subscription and click-through rates with video. It's a good idea in theory, with roughly two-thirds of consumers preferring video over text when learning about new products or services.

In reality, however, it can be tricky. Major email clients including Gmail, Yahoo, and Outlook don't support embedded videos, so your subscribers either won't be able to watch your video within the email, or worse — they won't see your email at all, because it'll end up in their spam folders.

Fortunately, there's a creative workaround to help you embed part of your video within your email, and incentivize subscribers to click-through to watch the rest. Here, let's explore how to do just that.

Download Now: Email Marketing Planning Template 

Embed YouTube (or Any Other) Video in Email

There are two options you might consider when embedding a video within your email — you can either embed a GIF of your video with a “click here to watch full video” CTA, or you can embed a still photo of your video, and when subscribers click the “Play” button, they'll be re-routed to your video's URL.

Let's explore the GIF option, first.

You can use the following instructions on any video from a video hosting platform of your choosing, including YouTube, Vimeo, Facebook, DailyMotion, etc. In the following examples we used a Facebook URL, but a YouTube URL would work just as well. 

1. Find the URL of the video you want to include, or download and save your video to your computer.

To create a GIF of a video I wanted to include in my email, I first went to HubSpot's Facebook page and copied the URL of a recent video the team uploaded to the site — “How a Senior SEO Strategist Sees the World”.

embed-video-in-email-step-one2. Go to Imgflip.com, a tool that enables you to create GIFs of videos.

You can upload a URL directly to Imgflip, or you can upload a video you have saved on your computer. For our purposes, I copied and pasted the URL from HubSpot's Facebook page. Alternatively, you can copy and paste a YouTube URL or website URL. 

embed-video-email-step-two3. Choose a starting point and end point for your GIF.

Once your video is finished downloading, you'll see this pop-up. There are two triangles that can help you choose where you'd like to start and stop your GIF — if you move the green one you're choosing a starting point for your GIF, and if you move the red one you're choosing an end point.
 
(It's important to note, for non-Pro accounts, you can't create a GIF that lasts longer than 20 seconds on Imgflip.)

Once you've chosen a clip you'd like to use for your GIF, click “Generate GIF”.

embed-video-step-three

4. Download your GIF. 

Once your GIF has been generated, you'll have the option to copy-and-paste the image link or image URL. Instead, click “Download .gif”.embed-video-email-step-four

5. Drag-and-drop your GIF into your email, and add a video CTA linking to the full video. 

Now comes the fun part! Simply create your email to send to your subscribers, and drag-and-drop your GIF from your desktop into the email itself.

Below the GIF, create a video CTA, like “Click to view full video here” with a URL to your video (the URL will likely lead to your own website, YouTube, Facebook, or another social platform).

video-in-email-embed

You can spruce up your email subject line with “Video included” to further incentivize click-through rates.

Of course, you'll want to use email marketing best practices when embedding a GIF, and ensure the video you want to include is truly a compelling, interesting piece of content for your email subscribers.

This is a unique opportunity to further engage with your prospects and customers, so make sure to use it wisely — don't just send a video advertisement for your products or services.

Next, let's explore how you might include a still image of your video with a “Play” button.

How to Create a Still Image of Your Video With a Play Button

1. For this example, I'll use the same video as before. Instead of copying the URL, however, I simply screenshotted a paused section of the video.

embed-video-in-email-how-to

2. When I paused the Facebook video, it automatically included a “Play” button. However, if you screenshot a video while it's playing, you might not have a “Play” button. To add one to a still image, go to the website Add Play Button to Image, upload your image, choose a play button design, and click “Create Play Button Image”.

Then, click “Download Image”.

embed-video-email

3. Next, simply click “Insert Photo” in your email to include the image with the Play button. Then, highlight the image and select “Insert Link”. Copy-and-paste the link to the full video (in this case I pasted the Facebook URL, but you can also paste a URL to a website with your video, or YouTube).

embed-video-email

4. And that's it! Now, when a subscriber clicks on your image, they'll be redirected to the full video. Ensure the video auto-plays so the subscriber doesn't have to click “Play” again.

embed-video-email

How to Embed a Video in a HubSpot Email

1. If you're a HubSpot email tool user, you'll see a Video module on the left-side of your screen when you're creating an email. 

Simply drag-and-drop the module into the section of the email you'd like to include a video.

adding a video to a HubSpot email copy

2. Next, you have the option to Embed a video using a URL, or uploading a video to your COS. For our purposes, let's copy-and-paste a YouTube URL into the text box.

Selecting a video to include in HubSpot email3. Finally, edit the video to suit your needs. You can modify the video's width and height, and even create a custom thumbnail.

Editing a video to add to a HubSpot email copy4. When you're ready, click the orange “Review and send” button at the top-right of your screen.

How to Use HTML5 Code to Embed Video in Email

Finally, some email clients do support embedded video. If you feel it's the right strategy for your subscribers, you can embed a video within email using HTML5.

Here's an example of an HTML5 code you might use in your email:

<video width=”300″ height=”200″ controls>

<source src=”movie.mp4″ type=”video/mp4″>

<source src=”movie.ogg” type=”video/ogg”>

https://www.facebook.com/hubspot/videos/2321291574789962/

</video>

If the video isn't supported, your subscriber can see a static image linking to another page, instead.

If you don't have experience coding, you might consider asking a developer to help you, or take a look at W3 School's HTML5 Video article.

However, it's important to note — we don't recommend this strategy, since you risk either ending up in your subscribers' spam folders, or using code that many of your subscribers' email clients won't support. Ultimately, it could be more trouble for many of your subscribers' than it's worth.

To ensure your video can be seen by all your subscribers, I'd recommend one of the strategies listed above, instead.

If you're looking for other opportunities to boost email click-through rates and conversions, take a look at HubSpot's free email marketing tool.

New Call-to-action

 

Maggi Pier

Maggi Pier

Avid gardener, artist, writer, web designer, video creator, and Google my Business local marketing pro!

Leave a Reply

Your email address will not be published. Required fields are marked *

Close
Menu