Beefree blog

Tutorial: How to Add a Video Content Block in Email

Beefree team
Beefree team
Feb 22, 2018
Tutorial: How to Add a Video Content Block in Email
Tutorial: How to Add a Video Content Block in Email

We're thrilled to introduce a brand new email design feature in Beefree: a video content block!

Now you can share video content in email more easily. Just drag-and-drop a Beefree video block into your email design, then paste in your video's YouTube or Vimeo URL. Beefree automatically does the rest! The editor will: (1) grab a cover image for the video; (2) overlay a play icon on top of it; and (3) link it to the video content. Your email will be ready to send in no time. In today's tutorial, we'll walk you through how to use the new Beefree video block feature. Keep reading and watch our short tutorial video!First, a little inspiration: Video content blocks in emailFull videos themselves are still challenging to implement in an email. That's because video files aren't well-supported by email clients or mobile inboxes. As a result, the vast majority of "videos" that pop up in emails are actually static images or GIFs providing a preview. When readers click or tap on the "video," they're actually redirected to watch the full video on a landing page or website. We're sure you see these video previews in email campaigns all the time. Let's take a little scroll through some recent examples from our inbox.

Estée Lauder

Estee Lauder video content block

Food52

Food52 video content block

Tasting Table

Tasting Table video content block

Litmus

Litmus video content block

Disney

Disney video content block

PureWow

PureWow video content block

As you can see, video content blocks usually include a few standard features:

  1. A static image from the video that links to the video itself
  2. A play button/icon that visually signals to readers that the image is from a video
  3. Supporting surrounding content like a header describing the video, short description text, and CTA button

Sounds pretty easy, right? It really is! And the Beefree video content block has made it even easier by automatically generating a static image of your video and allowing you to customize the play button that appears. All you need to do is drop in your link. Let's walk through it.

Create your video email in Beefree

The Beefree video content block doesn't embed your actual video in email—video emails still aren't a design best practice due to limited support—but it links to your video in a beautiful, smart way.

https://youtu.be/FP1JQ8jQr6c

Step 1: Drag-and-drop the video content tile into your email

Use the Beefree editor to design your custom or templatized email just as younormally would. When you're ready to add your video content block, navigate to the Content menu in the right margin. You'll see there's a new Video tile available. Drag it into your design to get started.

BEE video content block

Once dropped in the body of your email, the empty video block will look like this:

BEE video content block

Step 3: Customize the play icon

You can edit the style of the play icon that appears on your cover image. Just use the drop-down menus in the Content properties menu on the right to customize.Select the icon type:

BEE video content block

Choose a light or dark color that shows up best against your cover image:

BEE video content block

Then, choose a size.

BEE video content block

Yes, the process really is this easy, and your Beefree video block will now look great and be clickworthy! Also, make sure to learn more about the power of Beefree by checking out our other Beefree tutorials.

How to Use Beefree with Slate CRM to Create Higher Ed Emails Faster

Discover how universities use Beefree with Slate CRM to streamline email design, improve branding, and collaborate across departments—without touching code.
Luca Penati
Jun 9, 2025

Getting Your Email Team and Strategy Future-Ready

Your sanity-saving guide to the evolving challenges in emails, with actionable steps to help get your email team and strategy future-ready.
Emily Santos
May 28, 2025

Busting the myth: Complex email designs are only possible with code

In this post, we’ll debunk the myth that advanced email design requires code—and show you how tools like Beefree are transforming how teams create beautiful, advanced designs at scale, all while freeing up developer resources.
Beefree team
May 22, 2025

Stay informed on all email trends

From the latest creative design strategies that inspire your next campaign to industry best practices and tech advancements, our newsletter is the go-to for all things creation.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
By clicking Subscribe you're agreeing with our Privacy Policy