Saturday, April 8, 2023
HomeB2B MarketingLearn how to Embed Video in E-mail

Learn how to Embed Video in E-mail [Quick Tip]


These days, video is an undeniably in style channel for advertising and marketing functions with 86% of companies utilizing video as a advertising and marketing tactic. However have you learnt how you can embed a video in an e mail so you may mix two extremely efficient advertising and marketing methods in a single place?

person reading an email with an embedded video

Roughly two-thirds of customers favor video over textual content when studying about new services or products. However it may be tough to include video into e mail advertising and marketing as a result of main e mail shoppers together with Gmail, Yahoo, and Outlook don’t assist embedded movies.

Happily, there’s a inventive workaround that will help you embed half of your video inside your e mail and incentivize subscribers to click-through to observe the remaining. Right here, let’s discover how you can just do that.

Download Now: Email Marketing Planning Template 

How To Embed Your Video in an E-mail as a GIF
How To Create a Nonetheless Picture of Your Video With a Play Button
How To Embed a Video in a HubSpot E-mail
How To Use HTML5 Code to Embed Video in E-mail

How To Embed Your Video in an E-mail as a GIF

There are two choices you would possibly think about when embedding a video inside your e mail — you may both embed a GIF of your video with a “click on right here to observe full video” call-to-action (CTA), or you may embed a nonetheless picture of your video and, when subscribers click on the “Play” button, they’ll be re-routed to your video’s URL.

Let’s discover the GIF possibility, first.

A GIF is a good way to leverage video advertising and marketing in your emails, seize customers’ consideration, and encourage click-through to the total clip.

Notice: You should utilize the next directions on any video from a video internet hosting platform of your selecting, together with YouTube, Vimeo, Fb, DailyMotion. Within the following examples, we used a Fb URL, however a YouTube URL would work simply as properly.

1. Discover the URL of the video you need to embody, or obtain and save your video to your laptop.

To create a GIF of a video I wished to incorporate in my e mail, I first went to HubSpot’s Fb web page and copied the URL of a video the crew uploaded to the location — “How a Senior web optimization Strategist Sees the World.”

How to embed a video in an email, Facebook URL example.

2. Go to Imgflip.com, a device that allows you to create GIFs of movies.

You may add a URL on to Imgflip, or you may add a video you may have saved in your laptop. For our functions, I copied and pasted the URL from HubSpot’s Fb web page. Alternatively, you may copy and paste a YouTube URL or web site URL.

How to embed a video in an email, making a GIF through Imgflip.3. Select a place to begin and endpoint in your GIF.

As soon as your video is completed downloading, you’ll see this pop-up. There are two triangles that may enable you to select the place you’d like to start out and cease your GIF — if you happen to transfer the inexperienced one you’re selecting a place to begin in your GIF, and if you happen to transfer the pink one you’re selecting an endpoint.

(It’s vital to notice, for non-Professional accounts, you may’t create a GIF that lasts longer than 20 seconds on Imgflip.)

When you’ve chosen a clip you’d like to make use of in your GIF, click on “Generate GIF.”
How to embed a video in an email, how to turn a video into a GIF.

4. Obtain your GIF.

As soon as your GIF has been generated, you’ll have the choice to repeat and paste the picture hyperlink or picture URL. As a substitute, click on “Obtain .gif.”

How to embed a video in an email, download GIF.5. Drag and drop your GIF into your e mail, and add a video CTA linking to the total video.

Now comes the enjoyable half! Merely create your e mail to ship to your subscribers, and drag and drop your GIF out of your desktop into the e-mail itself.

Under the GIF, create a video CTA, like “Click on to view full video right here” with a URL to your video (the URL will possible result in your individual web site, YouTube, Fb, or one other social platform).

How to embed a video in an email, video GIF in email with CTA link to full video.

You may spruce up your e mail topic line with “Video included” to additional incentivize click-through charges.

In fact, you’ll need to use e mail advertising and marketing finest practices when embedding a GIF, and make sure the video you need to embody is really a compelling, attention-grabbing piece of content material in your e mail subscribers.

This can be a distinctive alternative to additional interact together with your prospects and clients, so ensure that to make use of it correctly — don’t simply ship a video commercial in your services or products.

Subsequent, let’s discover the way you would possibly embody a nonetheless picture of your video with a “Play” button.

How To Create a Nonetheless Picture of Your Video With a Play Button

1. Take a screenshot of your video.

For this instance, I’ll use the identical video as earlier than. As a substitute of copying the URL, nevertheless, I merely screenshotted a paused part of the video.

How to embed a video in an email, screenshot of a video.2. Add a “Play” button.

Once I paused the Fb video, it mechanically included a “Play” button. Nonetheless, if you happen to screenshot a video whereas it’s taking part in, you won’t have a “Play” button.

So as to add one to a nonetheless picture, go to the web site Add Play Button to Picture, add your picture, select a play button design, and click on “Create Play Button Picture.”
Then, click on “Obtain Picture.”
How to embed a video in an email, adding a “play” button to a screenshot.

3. Embed picture and insert hyperlink.

Subsequent, merely click on “Insert Photograph” in your e mail to incorporate the picture with the “Play” button. Then, spotlight the picture and choose “Insert Hyperlink.” Copy and paste the hyperlink to the total video (on this case I pasted the Fb URL, however you may also paste a URL to a web site together with your video).

How to embed a video in an email, linking image to video site.And that’s it! Now, when a subscriber clicks in your picture, they’ll be redirected to the total video. Make sure the video auto-plays so the subscriber doesn’t must click on “Play” once more.

How to embed a video in an email, email with still image linked to video site.

How To Embed a Video in a HubSpot E-mail

1. Drag and drop the video module into your e mail template.

For those who’re a HubSpot e mail device consumer, you’ll see a Video module on the left aspect of your display once you’re creating an e mail.

The HubSpot drag-and-drop e mail builder makes it tremendous simple so as to add a video to your emails. Merely drag and drop the module into the part of the e-mail you’d like to incorporate a video.

How to embed a video in an email using HubSpot email tool.

2. Use a URL or add a video into the textbox.

Subsequent, you may have the choice to embed a video utilizing a URL or to add a video to your COS. For our functions, we’ll copy and paste a YouTube URL into the textual content field.

embHow to embed a video in an email, using URL or uploaded video in HubSpot email tool.ed-video-hubspot-select

3. Edit the video.

Lastly, edit the video to fit your wants. You may modify the video’s width and top and even create a customized thumbnail.

How to embed a video in an email, editing video through HubSpot email tool.

4. Evaluate and ship your e mail.

Once you’re prepared, click on the orange “Evaluate and ship” button on the top-right of your display.

How To Use HTML5 Code to Embed Video in E-mail

Lastly, some e mail shoppers do assist embedded video. For those who really feel it’s the precise technique in your subscribers, you may embed a video inside e mail utilizing HTML5.

Right here’s an instance of an HTML5 code you would possibly use in your e mail:

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

<supply src=”https://weblog.hubspot.com/advertising and marketing/film.mp4″ sort=”video/mp4″>

<supply src=”https://weblog.hubspot.com/advertising and marketing/film.ogg” sort=”video/ogg”>

https://www.fb.com/hubspot/movies/2321291574789962/

</video>

If the video isn’t supported, your subscriber can see a static picture linking to a different web page as a substitute.

For those who don’t have expertise coding, you would possibly think about asking a developer that will help you, or check out W3 College’s HTML5 Video article.

Nonetheless, it’s vital to notice: We don’t advocate this technique, because you threat both ending up in your subscribers’ spam folders or utilizing code that lots of your subscribers’ e mail shoppers received’t assist. In the end, it might be extra bother for a lot of of your subscribers’ than it’s value.

To make sure your video may be seen by all of your subscribers, I’d advocate one of many methods listed above, as a substitute.

For those who’re in search of different alternatives to spice up e mail click on by charges and conversions, check out HubSpot’s free e mail advertising and marketing device.

Leveling Up Your E-mail With Video

Including video to your e mail can enhance your engagement and click-through charges. Plus, your video content material has one other place to shine. Observe the steerage above to get your movies into your subscribers’ inboxes.

New Call-to-action

 

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments