Первые шаги
Пользовательские данные
- Обзор адаптивного 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
Смена системы
Документы
Интеграция
Добавление Rolloverʼа
Ролловер - довольно обширный термин, который дословно переводится как “смена от одного к другому”. В электронном маркетинге это эффект, при котором изображение меняется на другое при наведении на него курсора. Если курсор отводится – возвращается исходное изображение. Сегодня эта функциональность стала доступной и в емейл-рассылках.
Добавление простых интерактивных элементов в письмах может сделать ваши рассылки более привлекательными для получателей - тем более, что ролловер входит в список трендов 2018 года.
Ранее для создания ролловера использовали массу сторонних инструментов и работу непосредственно с кодом. Сейчас вы можете создать ролловер в системе еSputnik в несколько кликов мышкой, без создания дополнительного кастомного кода.
Как создать Ролловер
1. Для начала нужно создать две картинки одинакового размера. Ваши изображения могут быть в формате PNG или JPG.
2. Из двух изображений одно будет главным и отобразится независимо от расположения курсора, а второе появится, когда курсор переместится к изображению. Внимание! Соотношение сторон второстепенной картинки должно быть таким же, как и у основной картинки. Иначе при наведении мыши верстка письма может нарушаться.
3. Создайте в письме пустую структуру, в которую планируете добавлять ролловер, и выберите в ней блок “Картинка”.
Затем кликните на этот блок, чтобы загрузить основное изображение:
4. После этого передвигаем ползунок “Ролловер”:
5. И загружаем вторую подготовленную картинку:
6. Обратите внимание, что ссылка на изображение и альтернативный текст прописываются один раз, после загрузки второй картинки:
Вот такой результат мы получим:
О чём следует помнить
Есть несколько особенностей по применению ролловера в рассылках:
- Эта функция работает в ограниченном количестве почтовых сервисов: Yahoo! Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, MacOS Apple Mail.
- Ролловер срабатывает только на десктопных устройствах, поскольку есть техническая возможность навести курсор мышки на все изображения. На мобильных устройствах прикосновение к экрану считается кликом и эффект не воспроизведется. Взамен будет одна картинка с возможностью перехода на сайт.
- Ни один из инструментов тестирования емейлов (Litmus, Email on Acid) еще не готов к проверке интерактивных сообщений. Чтобы протестировать, как ваша емейл рассылка с ролловером отобразится на различных устройствах, отправляйте тесты на все доступные вам почтовики и устройства.
- Сейчас эта функция доступна только для изображений, для кнопок и других элементов возможности подключения Ролловера нет.
Примеры использования ролловера
Эффект смены картинки при наведении на нее будет полезен практически в любых промо-рассылках. Давайте рассмотрим несколько примеров:
Одежда, обувь и аксессуары - разный цвет, разный ракурс
Отличный способ показать товар лицом - продемонстрировать его с нескольких сторон. Если вы добавляете в проморассылку товары из этой категории, нужно раскрыть тему максимально:
- Покажите текстуру и расцветку
- Продемонстрируйте товар с разных ракурсов:
Путешествия - 2 вида, интерьер и экстерьер отеля, несколько достопримечательностей
Чтобы привлечь больше внимания к туру, отелю, достопримечательности и т.д. - нужно показать как можно больше преимуществ. Но в то же время слишком длинное письмо не вызовет большого интереса. В этом случае поможет ролловер для демонстрации несколько разных ракурсов достопримечательностей, показа разных фото номеров.
Сдача/продажа недвижимости - интерьер
Тоже самое касается показа недвижимости: с помощью ролловера вы покажите больше информации в письме и при этом сократите место на его подачу:
Мебель - разный цвет, разный ракурс
Важно показать, что такой товар может быть представлен в разных расцветках и комплектациях. Например, можно показать материалы из которых состоит изделие или варианты расцветки.
Для украшения письма - баннер акции со спецэффектом
Добавьте красивую картинку на смену вашего баннера, чтобы произвести приятное впечатление на подписчиков.
Как видите, использование интерактивных изображений ограничено только вашей фантазией. Грамотное использование ролловера поможет вам повысить количество переходов, увеличить конверсию по письму и добавит изюминку в ваши рассылки.