How to add "Video" block to email

Troubles are used to happen very often when you try to embed video in email. One usually needs to prepare pics in advance: it may be a screenshot from YouTube video, or image made in some photo editor. But this way is not the most convenient, especially when you want to embed video in email campaign quickly or, for example, you don’t have any available photo editor installed.

How to add Video block to email

But with our new adaptive email editor it’s really easy to add "Video" block in email and improve the message design. So, let's start in order.

Adding "Video" block to email

  1. First of all, go to "Blocks" tab, select "Video" block and drag it to your new email message.

Select Video block

There are two ways to do this.

  • Drag email video block and then drop it between the already existing email elements.

Pre-added structure for video

  • Drag it to pre-added structure.

Drag video block to structure

Choose the way you like and add the video block in email.

2. Then, copy the link to video you want to embed in email and paste it to a special link field.

Paste video to a special link field

3. Wait about 5 seconds for result: a complete email video block is ready.

Video block

Please note that video in email will not be playbacked because only some of email clients support HTML5 now. As for actual case - Mail.ru and Gmail.com, for example, display alternative content as images and links. Subscriber needs to navigate from email video campaign message to website to watch the video.

Твитнуть 

What else can we do with “Video" block in email?

There are some more options for this block, they may be easily configured, enabled or disabled. To see the "Video" block editing field, click it once in the email.

"Video" block editing field

Video block editing field in the email

Video block editing field in the email

  1. We’ve already talked about link field, so let’s go further :)

  2. Alt Text is inserted automatically when you embed video in email, but you can easily replace it with another text.

  3. This function is for uploading your cover for the video.

  4. To open the window of different color buttons preview, click "Play" icon and choose the desired option and color.

  5. Alignment is set to the left side, right side, and center, both for the desktop version and for the mobile version.

  6. Sets the width and height of the image in pixels.

  7. Adjust the block across its full width.

  8. Enabling responsiveness or disabling it will affect the display of the letter on the phone. For example, this is how the block will look if you enable adaptability:

Displaying a video block when responsive is on

  1. Adding padding left, right, top and bottom.

  2. Hiding a block implies that the block will be absent on the selected version (desktop or mobile). It can be easily turned on and off with a single button. This is how the letter will look if you disable the block for the mobile version of the letter:

Hiding a block on the mobile version

  1. Allows to display the block if it is created as HTML / AMP element.

  2. Binding to scenario. For example, if you want users to be directed to another segment when clicking through this link you can easily bind this event to "Video" block.

 

How may “Video” block in emails look like?

“Video” block appearance in email video campaigns may be completely different, there are some typical techniques below how to use "Video" block in newsletters.

1. Embed video blocks in product cards

Video block in product cards

2. Add video presentation of a product

Video presentation

3. Congratulate your clients gracefully and with humor

Holiday email

4. Embed videos in blog news to visualize

Blog news

It's so easy now to work with "Menu" block in our new eSputnik editor. You no longer have to edit the HTML code, use Photoshop or search for other solutions. Emails composing becomes easier every day. Read the full adaptive editor review here. You can also find more user guides in "Adaptive editor" chapter.

Any Questions?
We’re always happy to help!
Request a Callback
Fill in the form, and our specialists will call you back as soon as possible.
Request a Callback
Chat Support
We’re waiting for your questions!
Send a Chat Message
Email
Contact the eSputnik support team
Send an Email