Додавання Ролловера

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

В email-розсилках ролловер допомагає легко впровадити інтерактивність та здатний зробити лист більш цікавим для користувачів.

Створення Ролловера

1. Створіть нове email-повідомлення або відкрийте, що існує. 
2. Виберіть місце для ролловеру у структурі повідомлення: перейдіть до блоку Зображення та перетягніть його у необхідне місце. 

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

📘

Важливо

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

З двох зображень одне буде головним і відобразиться незалежно від позиції курсора, а друге буде з'являтися при наведені курсора на зображення.

3. Клікніть блок Зображення та завантажте головну картинку, яка буде відображатись без наведення курсора і в статичних листах.

4. Активуйте перемикач Ефект Rollover.

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

6. Додайте обов’язкове посилання, альтернативний текст та інші налаштування для блоку Зображення.

📘

Примітка

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

Так буде виглядати готовий лист в поштовому клієнті:

Особливості застосування Ролловера в розсилках

1. Функція ролловера працює в обмеженій кількості поштових сервісів: Yahoo! Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, MacOS Apple Mail.
2. Ролловер спрацьовує тільки на десктопних пристроях, оскільки є технічна можливість навести курсор на всі зображення. На мобільних пристроях дотик до екрану вважається кліком, і ефект не спрацює. Натомість буде одна картинка з можливістю переходу на сайт.
3. Жоден з інструментів тестування емейлів (Litmus, Email on Acid) ще не готовий до перевірки інтерактивних повідомлень. Щоб протестувати, як ваша емейл-розсилка з ролловером відобразиться на різних пристроях, відправляйте тести на всі доступні вам поштовики та пристрої.
4. Зараз ця функція є доступною тільки для зображень та кнопок (підсвічування при наведенні), тоді як для інших елементів можливості підключення ролловерів не існує.