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