Добавление блока "Видео"

Для добавления видео в письмо нужно заранее подготовить картинку: скрин из видео на YouTube или сделать ее с помощью графических редакторов.Такой способ не самый удобный, особенно когда видео нужно добавить в рассылку быстро или, например, у вас отсутствует какой-либо доступный фоторедактор.

Но в новом адаптивном редакторе добавить блок “Видео”, тем самым улучшив дизайн письма, очень просто. Давайте по порядку.

Как добавить блок “Видео” в письмо

1. Необходимо зайти во вкладку “Контент” → “Блоки” в левом меню, выбрать блок “Видео” и перетащить его в письмо.

Это можно сделать двумя способами:

Выбирайте подходящий вам способ и добавляйте блок.

• Перетянуть блок и вставить между существующими элементами письма.

  

• Добавить новую структуру и перетянуть блок в нее.

  

2. Кликните по блоку. Затем скопируйте ссылку на видео, которое хотите добавить в письмо, и вставьте в специальное поле для ссылки.

3. Получите результат в течение 3 секунд: полноценный блок с обложкой видео и кнопкой.

Настройки блока "Видео"

У блока есть еще другие параметры, которые можно легко настраивать и включать или отключать. Чтобы увидеть меню для редактирования блока “Видео”, нажмите на него в письме один раз.

1. О поле для ссылки мы уже поговорили, идем дальше.

2. Альтернативный текст прописывается автоматически из названия видео, но вы легко можете заменить его на другой. Альтернативный текст будет отображаться в том случае, если изображение не загрузится. Такое может произойти, например, из-за того, что у человека отключено отображение картинок в письмах.

3. Функция предназначена для загрузки собственной обложки на видео. Также есть возможность загрузить изображение из банка, либо сохраненных ранее картинок.

4. Чтобы изменить стиль кнопки воспроизведения, нужно нажать на стрелку возле значка Play и выбрать необходимый вариант и цвет.

5. Выравнивание задается по левому краю, правому и по центру, как для десктопной версии, так и для мобильной. Чтобы задать выравнивание для мобильной версии, необходимо отключить адаптивность.

6. Параметры ширины и высоты изображения в пикселях.

7. Растягивание блока по всей ширине.

8. Включение адаптивности или ее отключение повлияет на отображение письма в телефоне. Вот пример отображения блока при включенной и выключенной адаптивности:

9. Добавления отступов слева, справа, сверху и снизу.

10. Скрытие блока подразумевает, что в выбранной версии (десктопной или мобильной) блок будет отсутствовать. Его можно легко включать и отключать с помощью одной кнопки. Так будет выглядеть письмо, если отключить блок для мобильной версии:

     

11. Позволяет отображать блок, если он создан как HTML/AMP элемент.

12. Привязка к сценарию. Например, если вам нужно, чтобы пользователи, переходящие по этой ссылке, попадали в другую группу, то к блоку “Видео” можно легко привязать событие. Подробнее про это можно прочесть тут.

Как может выглядеть блок видео в письмах

1. Размещайте блоки видео в карточках товара.

   

2. Добавляйте одно видео, если нужно презентовать конкретный товар.

   

3. Поздравляйте своих клиентов с праздниками красиво и весело, добавив персональное видеопоздравление.

   

4. Вставляйте видео в новости блога для наглядности.

   

Вот так просто теперь работать с блоком “Видео” в новом редакторе eSputnik. Вам больше не придется редактировать HTML-код, пользоваться фотошопом или искать другие выходы из ситуации. Оформлять письма становится все проще и проще. Смотрите полный обзор адаптивного редакторе здесь.