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

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

 

 

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

 

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

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

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

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

  • Перетащить в структуру, которая заранее добавлена.

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

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

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

 

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

Твитнуть 

 

Что еще можно сделать с блоком “Видео”?

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

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

 

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

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

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

  4. Включение адаптивности или ее отключение повлияет на отображение письма в телефоне. Например, так будет выглядеть блок если включить ему адаптивность.                                                                        

  5. Добавление отступов. Вы можете легко добавлять отступы справа, слева, сверху и снизу, что позволяет улучшать внешний вид блока.

  6. Скрытие блока для мобильной версии подразумевает, что  на мобильных телефонах блок будет отсутствовать. Его можно легко включать и отключать  с помощью одной кнопки.                      

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

 

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

Блок в письме можно совершенно по-разному, ниже показаны несколько распростаренных вариантов использования блока "Видео" в промописьмах. 

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

       2. Добавляйте видеопрезентацию товара

3. Поздравляйте своих клиентов красиво и весело

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

 

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