Первые шаги
Пользовательские данные
- Обзор адаптивного email-редактора
- Создание оформления для письма
- Создание сквозных модулей
- Настройка адаптивности
- Настройка Smart-элементов
- Оформление промовкладки для Gmail
- Добавление Rolloverʼа
- Добавление фона в письмо
- Добавление анкорных ссылок
- Библиотека блоков (Модули)
- Добавление блока "Видео"
- Добавление таблицы в письмо
- Работа с блоком "Баннер"
- Добавление пользовательских шрифтов
- Добавление кастомных иконок соцсетей
- Работа с блоком "Соцсети"
- Создание кнопки CTA
- Редактирование HTML и CSS
- Робота с блоком "Изображения"
- Работа с блоком “Таймер"
- Настройка блока "Меню"
- Создание футера
- Использование ИИ в email-редакторе
Омниканальность
- SDK для мобильных приложений
- Управление ключами доступа к мобильному SDK
- Подключение мобильного приложения
- Создание Google проекта для Mob Push
- Создание мобильных push-сообщений
- Настройка аналитики доставляемости и кликов
- Планирование мобильных push-уведомлений
- Настройка универсальных ссылок (deeplinks & Universal links)
- Отправка тестовых сообщений из отладки запросов
- Настройка виджетов для сайта
- Вызов виджета
- Настройка геоданных для правил вызова виджетов
- Сохранение данных из виджетов в поля контактов
- Защита от раздражения
- Действия после заполнения формы
- Замена системного сценария Double Opt-In
- Расширение для тестирования форм в Google Chrome
- Создание pop-up-форм с помощью Google Tag Manager или WordPress
- Отправка событий из форм подписки в Google Analytics
Автоматизация
- Двойное подтверждение подписки
- Приветственная серия
- Приветственная серия с сегментацией по категориям
- Запуск сценария после импорта контактов
- Регулярный сценарий для группы
- Поздравление с днем рождения
- Привязка сценария к кнопке
- Согласование переменных события со сценарием на примере сценария "Заказ доставлен"
- Сбор отзывов о заказе
- Реактивация клиентов и подписчиков
- Отправка рассылки непрочитавшим
- Настройка дополнительных рассылок
Персонализация
- Подстановка промокода из файла
- Подстановка промокода с использованием API
- Принципы генерации промокодов с помощью PHP/JAVA
- Подстановка промокода с помощью персонализации
- Загрузка промокодов для использования в сценарии
- Генерация промокодов в сценарии
- Отправка промокода с помощью препроцессора
- HTTP-запрос для передачи промокода из сообщения в карточку контакта
Аналитика
- Отчёт по email-рассылке
- Отчет по SMS-рассылке
- Отчет по рассылке Web Push
- Отчет по Viber-рассылке
- Отчет по рассылке Mob Push
- Отчет по рассылке App Inbox
- Отчет по взаимодействию с виджетами
- Отчет по триггерной рассылке
- Отчет по AMP-рассылке
- Отчет по мультиязычной рассылке
- Настройка передачи UTM-меток
- Визуализация дохода
- Отслеживание эффективности рассылок в Google Analytics
Мультиязычность
Отслеживание событий и поведения
- Отслеживание активности на сайте при помощи Generate event
- Валидация параметров события
- Отслеживание активности клиентов в мобильных приложениях
- События для запуска триггерных рассылок
- Разветвление сценария в зависимости от параметров события
- Подстановка данных из событий в сообщения
- Вебхуки для отслеживания активности
Товарные рекомендации
API
Смена системы
Документы
Интеграция
Добавление блока "Видео"
Для добавления видео в письмо нужно заранее подготовить картинку: скрин из видео на YouTube или сделать ее с помощью графических редакторов.Такой способ не самый удобный, особенно когда видео нужно добавить в рассылку быстро или, например, у вас отсутствует какой-либо доступный фоторедактор.
Но в новом адаптивном редакторе добавить блок “Видео”, тем самым улучшив дизайн письма, очень просто. Давайте по порядку.
Как добавить блок “Видео” в письмо
1. Необходимо зайти во вкладку “Контент” → “Блоки” в левом меню, выбрать блок “Видео” и перетащить его в письмо.
Это можно сделать двумя способами:
Выбирайте подходящий вам способ и добавляйте блок.
-
Перетянуть блок и вставить между существующими элементами письма.
-
Добавить новую структуру и перетянуть блок в нее.
2. Кликните по блоку. Затем скопируйте ссылку на видео, которое хотите добавить в письмо, и вставьте в специальное поле для ссылки.
3. Получите результат в течение 3 секунд: полноценный блок с обложкой видео и кнопкой.
Обратите внимание
Видео в письме воспроизводиться не будет. Это связано с тем, что далеко не все почтовые клиенты поддерживают HTML5. Например, Mail.ru и Gmail.com в нашем случае покажут альтернативный контент в виде изображения и ссылки. Чтобы посмотреть видео, подписчику придется перейти из письма на сайт.
Настройки блока "Видео"
У блока есть еще другие параметры, которые можно легко настраивать и включать или отключать. Чтобы увидеть меню для редактирования блока “Видео”, нажмите на него в письме один раз.
-
О поле для ссылки мы уже поговорили, идем дальше.
-
Альтернативный текст прописывается автоматически из названия видео, но вы легко можете заменить его на другой. Альтернативный текст будет отображаться в том случае, если изображение не загрузится. Такое может произойти, например, из-за того, что у человека отключено отображение картинок в письмах.
-
Функция предназначена для загрузки собственной обложки на видео. Также есть возможность загрузить изображение из банка, либо сохраненных ранее картинок.
-
Чтобы изменить стиль кнопки воспроизведения, нужно нажать на стрелку возле значка Play и выбрать необходимый вариант и цвет.
-
Выравнивание задается по левому краю, правому и по центру, как для десктопной версии, так и для мобильной. Чтобы задать выравнивание для мобильной версии, необходимо отключить адаптивность.
-
Параметры ширины и высоты изображения в пикселях.
-
Растягивание блока по всей ширине.
-
Включение адаптивности или ее отключение повлияет на отображение письма в телефоне. Вот пример отображения блока при включенной и выключенной адаптивности:
-
Добавления отступов слева, справа, сверху и снизу.
-
Скрытие блока подразумевает, что в выбранной версии (десктопной или мобильной) блок будет отсутствовать. Его можно легко включать и отключать с помощью одной кнопки. Так будет выглядеть письмо, если отключить блок для мобильной версии:
-
Позволяет отображать блок, если он создан как HTML/AMP элемент.
-
Привязка к сценарию. Например, если вам нужно, чтобы пользователи, переходящие по этой ссылке, попадали в другую группу, то к блоку “Видео” можно легко привязать событие. Подробнее про это можно прочесть тут.
Как может выглядеть блок видео в письмах
-
Размещайте блоки видео в карточках товара.
-
Добавляйте одно видео, если нужно презентовать конкретный товар.
-
Поздравляйте своих клиентов с праздниками красиво и весело, добавив персональное видеопоздравление.
-
Вставляйте видео в новости блога для наглядности.
Вот так просто теперь работать с блоком “Видео” в новом редакторе eSputnik. Вам больше не придется редактировать HTML-код, пользоваться фотошопом или искать другие выходы из ситуации. Оформлять письма становится все проще и проще. Смотрите полный обзор адаптивного редакторе здесь.