Работа с блоком "Видео"

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

Быстро добавить блок Видео в письмо

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

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

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

Блок "Видео" в емейл редакторе

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

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

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

    Перетащите блок "Видео"

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

    Перетащить блок "Видео" в структуру

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

Вставьте в поле ссылку на видео

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

Готовый блок "Видео" в письме

Обратите внимание

Видео в письме воспроизводиться не будет. Это связано с тем, что далеко не все почтовые клиенты поддерживают HTML5. Например, Mail.ru и Gmail.com в нашем случае покажут альтернативный контент в виде изображения и ссылки. Чтобы посмотреть видео, подписчику придется перейти из письма на сайт.

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

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

Поле редактирования блока “Видео”

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

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

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

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

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

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

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

Поле редактирования блока “Видео”

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

Разница отображения блока "Видео" при включенной и выключенной адаптивности

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

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

     

Скрытие блока "Видео" в мобильной версии

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

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

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

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

    Пример размещения блока "Видео" на карточке товара

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

    Один товар - одно видео

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

    Персональное видеопоздравление

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

    Пример блока "Видео" для новости блога

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

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email