Добавление Ролловера | eSputnik Support

Пользовательские данные

Email

Омниканальность

Автоматизация

Добавление Ролловера

Роловер — эффект, при котором изображение меняется другим при наведении на него курсора. Если курсор отводится, то возвращается начальное изображение.

В email-рассылках ролловер помогает легко внедрить интерактивность и способен сделать письмо более интересным для пользователей.

Создание Ролловера

  1. Создайте новое email-сообщение или откройте существующее.

  2. Выберите место для ролловера в структуре сообщения: перейдите к блоку “Картинка” и перетащите его в нужное место.

Создание Ролловера

Подготовьте две картинки формата PNG, JPG или GIF. Не больше 3 Мб или 4000 x 4000 px.

Важно

Соотношение между шириной и высотой обоих изображений должно быть одинаковым, иначе при наведении курсора верстка email может быть нарушена.

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

Смена картинок при наведении курсора

  1. Кликните блок “Картинка” и загрузите главную картинку, которая будет отображаться без наведения курсора и в статических письмах.

Добавление главного изображения

  1. Активируйте переключатель “Эффект Rollover”.

Активация эффекта Rollover

  1. Загрузите вторую картинку, которая будет отображаться при наведении курсора.

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

  1. Добавьте обязательную ссылку, альтернативный текст и другие настройки для блока “Картинка”.

Настройки изображения

 

Примечание

Ссылки на изображения и альтернативный текст для двух картинок одинаковы и прописываются один раз после загрузки второй картинки.

Так будет выглядеть готовое письмо в почтовом клиенте:

Письмо с ролловером в почтовом клиенте

Особенности применения Ролловера в рассылках

  1. Функция ролловера работает в ограниченном количестве почтовых сервисов: Yahoo! Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, MacOS Apple Mail.

  2. Ролловер срабатывает только на десктопных устройствах, поскольку есть техническая возможность навести курсор мышки на все изображения. На мобильных устройствах прикосновение к экрану считается кликом и эффект не сработает. Взамен будет одна картинка с возможностью перехода на сайт.

  3. Ни один из инструментов тестирования email (Litmus, Email on Acid) еще не готов к проверке интерактивных сообщений. Чтобы протестировать, как ваша email-рассылка с ролловером отобразится на различных устройствах, отправляйте тесты на все доступные вам почтовики и устройства.

  4. Сейчас эта функция доступна только для изображений и для кнопок (подсвечивание при наведении), а для других элементов возможности подключения ролловера нет.

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