Додавання Ролловера | eSputnik Support

Дані користувача

Email

Омніканальність

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

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

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

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

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

1. Створіть нове email-повідомлення або відкрийте, що існує. 

2. Виберіть місце для ролловеру у структурі повідомлення: перейдіть до блоку “Зображення” та перетягніть його у необхідне місце. 

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

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

Важливо

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

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

Відображення картинок при наведені курсора

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

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

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

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

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

Додавання зображення, що з'явиться при наведені курсора

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

Налаштування для зображень

Примітка

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

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

Лист в поштовому клієнті

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

  1. Функція ролловера працює в обмеженій кількості поштових сервісів: Yahoo! Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, MacOS Apple Mail.

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

  3. Жоден з інструментів тестування емейлів (Litmus, Email on Acid) ще не готовий до перевірки інтерактивних повідомлень. Щоб протестувати, як ваша емейл-розсилка з ролловером відобразиться на різних пристроях, відправляйте тести на всі доступні вам поштовики та пристрої.

  4. Зараз ця функція є доступною тільки для зображень та кнопок (підсвічування при наведенні), тоді як для інших елементів можливості підключення ролловерів не існує.

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email