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.

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.

There are two ways to do this.

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

• Drag it to pre-added 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.

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

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

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:

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

10. 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:

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

12. 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

2. Add video presentation of a product

3. Congratulate your clients gracefully and with humor

4. Embed videos in blog news to visualize

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.