Добавление Ролловера
Роловер — эффект, при котором изображение меняется другим при наведении на него курсора. Если курсор отводится, то возвращается начальное изображение.
В email-рассылках ролловер помогает легко внедрить интерактивность и способен сделать письмо более интересным для пользователей.
Создание Ролловера
Создайте новое email-сообщение или откройте существующее.
Выберите место для ролловера в структуре сообщения: перейдите к блоку “Картинка” и перетащите его в нужное место.
Подготовьте две картинки формата PNG, JPG или GIF. Не больше 3 Мб или 4000 x 4000 px.
Важно
Соотношение между шириной и высотой обоих изображений должно быть одинаковым, иначе при наведении курсора верстка email может быть нарушена.
Из двух изображений одно будет главным и отобразится независимо от позиции курсора, а второе будет появляться при наведении курсора на изображение.
Кликните блок “Картинка” и загрузите главную картинку, которая будет отображаться без наведения курсора и в статических письмах.
Активируйте переключатель “Эффект Rollover”.
Загрузите вторую картинку, которая будет отображаться при наведении курсора.
Добавьте обязательную ссылку, альтернативный текст и другие настройки для блока “Картинка”.
Примечание
Ссылки на изображения и альтернативный текст для двух картинок одинаковы и прописываются один раз после загрузки второй картинки.
Так будет выглядеть готовое письмо в почтовом клиенте:
Особенности применения Ролловера в рассылках
Функция ролловера работает в ограниченном количестве почтовых сервисов: Yahoo! Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, MacOS Apple Mail.
Ролловер срабатывает только на десктопных устройствах, поскольку есть техническая возможность навести курсор мышки на все изображения. На мобильных устройствах прикосновение к экрану считается кликом и эффект не сработает. Взамен будет одна картинка с возможностью перехода на сайт.
Ни один из инструментов тестирования email (Litmus, Email on Acid) еще не готов к проверке интерактивных сообщений. Чтобы протестировать, как ваша email-рассылка с ролловером отобразится на различных устройствах, отправляйте тесты на все доступные вам почтовики и устройства.
Сейчас эта функция доступна только для изображений и для кнопок (подсвечивание при наведении), а для других элементов возможности подключения ролловера нет.