Створення кнопки заклику до дії в редакторі eSputnik

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

Email

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

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

Відстеження подій та поведінки

Створення кнопки СТA

Кнопка заклику до дії (CTA) — це обов'язковий елемент email-розсилки, який мотивує підписника перейти на сайт, у соцмережі тощо. Основна кнопка в листі зазвичай робиться в тому ж стилі, що й кнопки на сайті.

CTA

Створення кнопки

Ви можете додати кнопку в контейнер або в окрему структуру листа (докладніше про структури та контейнери).

Щоб контент коректно перебудовувався в мобільній версії листа, наприклад, якщо треба задавати інверсію блоків, краще додати кнопку в контейнер. 

Структура, яка містить тільки блок з СТА, не буде перебудовуватися відносно інших структур та елементів контенту в листі.

Кнопка в контейнері

1. У вкладці "Контент" на бічній панелі ліворуч зайдіть до пункту "Блоки".

2. Виберіть блок "Кнопка" й перетягніть його в потрібний контейнер.

Кнопка в контейнері

Кнопка в окремій структурі

1. У бічному меню ліворуч у вкладці "Контент" відкрийте вкладку "Структури".

2. Перетягніть необхідну структуру в потрібне місце в листі, потім виберіть тип контенту — "Кнопка".

Кнопка в окремій структурі

Редагування дизайну кнопки

За замовчуванням кнопка створюється без посилання, із надписом "Кнопка", зробленим шрифтом Arial 18 розміру, колір кнопки зелений #31cb4b, а колір тексту — білий #ffffff.

Кнопка за замовчуванням

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

Редагування окремої кнопки

Клікніть блок із кнопкою. Ліворуч з'явиться меню, в якому можна задати такі параметри:

1. Посилання, яке відкриватиметься натисканням кнопки.

2. Текст кнопки.

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

4. Колір кнопки.

5. Колір тексту.

6. Колір фону.

Примітка

Вибирайте кольори, які добре поєднуються між собою і контрастують із фоном кнопки.

Параметри кнопки

7. Закруглення. Для точного відображення властивості “Закруглення” в Outlook активуйте опцію “Пiдтримка Outlook” у роздiлi “Оформлення” —  секцiя “Кнопка”.

8. Вирівнювання (щоб задати налаштування вирівнювання на мобільному пристрої, натисніть значок телефону).

9. Фіксована висота (висота кнопки не змінюватиметься залежно від типів девайсів).

10. Кнопка з іконкою (можна завантажити іконку, яка відображатиметься всередині кнопки).

11. Розтягнути по ширині (кнопка відображатиметься на повну ширину листа, її висота не зміниться).

12. Межі (тип ліній та їх колір).

Параметри кнопки

13. Внутрішні відступи навколо тексту всередині кнопки.

14. Зовнішні відступи навколо кнопки.

Параметри кнопки

15. Додати анкорне посилання, натискання на яке переведе читача до вказаного розділу листа.

16. Приховування елемента на різних типах пристроїв. За замовчуванням кнопка відображається завжди. Щоб відключити її на десктопі або телефоні, натисніть відповідний значок пристрою.

17. Включати елемент у різні типи листів. Увімкнення/вимкнення елемента для HTML- та AMP-версій листа.

18. Тип події. Якщо ви бажаєте автоматизувати якісь листи, наприклад, за кліком кнопки відправляти лист клієнтам, — укажіть подію, яка запускатиме цю дію.

Параметри кнопки

Щоб використовувати створену кнопку в інших листах, збережіть цей елемент у бібліотеці блоків

Редагування всіх нових кнопок

За замовчуванням зовнішній вигляд кнопки листа визначається заданими в шаблоні стилями оформлення. Щоб змінити дизайн цього елемента, треба змінити стилі всього листа. Тоді всі кнопки, що створюватимуться після цього, матимуть однаковий вигляд. Докладніше про оформлення кнопок >

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