Як створити і оформити гарного листа для розсилки | Блог eSputnik

Гліб Клюйко

Технічний райтер

Як створити привабливий лист для розсилки

Як створити привабливий лист для розсилки

Емейл-маркетинг — це перевірений інструмент для формування довготривалих стосунків із підписниками та клієнтами. Ви отримуєте можливість зустрічатися з ними там, де вони бувають щодня, — в електронній пошті.

І щоб одержувачі із нетерпінням чекали на ваші листи, ми розповімо, як можна легко створити привабливий лист для розсилки в нашому редакторі шаблонів.

Як використовувати функцію Drag-and-Drop

Кілька хвилин — саме стільки часу нині потребує створення листа, адже ми вже виконали за вас усю основну роботу. Навіть новачок у змозі швидко створити якісний лист. Використовуйте вже готові блоки: кнопки заклику до дії, іконки соцмереж, картки товарів. Просто перетягніть потрібний вам блок в емейл і додайте до нього зображення або текст.

Робота с редактором eSputnik

C кожним разом сервіс усе більше й більше подобається, а саме: дуже зручний редактор листів. Нарешті мої розсилки виглядають реально привабливо

— Андрій Тараканов

Як оформлювати різні елементи листа

  • Передзаголовок (Preheader) — містить текст, що відображається у вхідних одразу після теми листа. Ідеальна висота — 50-65 пікселів.
  • Заголовок (Header) — у ньому зазвичай розміщуються меню та логотип. Якщо лого велике, можна налаштувати висоту 150-200 пікселів, якщо ні — вистачить 70.
  • Банер — з його розмірами можна поекспериментувати: ширина обмежена рамками шаблона, а довжина може бути будь-якою. Найпоширеніший варіант використання — 640x480 пікселів.
  • Текстовий блок — призначений для розкриття теми листа, на яке має вистачати 5-7 речень. В одному рядку має бути не більше 75 знаків. Висота блока — 500-600 пікселів.
  • Картки товарів —зазвичай використовують не більше трьох карток в одному рядку та дев’яти в усьому листі, але можна також застосовувати техніку колажу. Занадто важкі зображення уповільнюють завантаження листа, але низькоякісні та неоригінальні фото товарів також не варто використовувати. Щоб зменшити вагу зображень, стискайте їх у спеціальних сервісах.
  • Кнопка Call To Action (СТА) — чим чіткіше сформульований заклик, тим більше одержувачів виконають цільову дію. Обмежень за розмірами немає.
  • Футер — тут розміщуються контакти компанії, іконки соцмереж та посилання на відписку. Оптимальний розмір — 600x200 пікселів.

Створити свою першу розсилку

Що робити, якщо лист не відображається у клієнта?

Іноді лист може не відображатися в поштових сервісах через безліч обмежень щодо його змісту й оформлення, наприклад розмір листа або кастомні шрифти. Але будь-який маркетолог бажає, відправляючи розсилку, щоб користувач побачив емейл саме таким, яким його замислив дизайнер. Що ж робити?

Обов'язковим компонентом кожного листа має стати посилання "Переглянути в браузері". Це допоможе одержувачу легко переключитися з пошти на коректну HTML-версію. Статистика показує, що кількість кліків за таким посиланням є не лише хорошою практикою при роботі з клієнтами, але й показує відсоток клієнтів, що не змогли прочитати лист у своїй пошті.

У зв'язку з появою мобільних пристроїв різних виробників перевірити відображення листа в поштових сервісах складно на відміну від браузерів. Посилання "Переглянути в браузері" допоможе донести до користувача інформацію, навіть якщо форматування зламається.

Ссилка "Подивитися в браузері"

Як додавати до листа зображення

Іноді пошук потрібної картинки може стати непростим завданням — складно знайти фото, що не захищене авторським правом, та ще й високої якості. З eSputnik ви забудете про цю проблему: до редактора вбудований банк безкоштовних зображень із зручним пошуком за темами. Обрану картинку лишається перетягнути в потрібний блок емейла. Звичайно, ви можете також додавати власні зображення, завантажуючи їх до листа або вказуючи посилання.

Вбудований банк зображень

Як редагувати зображення в листі

Після того як ви виберете потрібне зображення, ви зможете відредагувати його безпосередньо в шаблоні. Картинку можна обрізати, повернути, накласти на неї фільтри й додати стікери, змінити різкість. А також ви можете накласти текст поверх зображення — і отримаєте готовий банер!

Вбудований фотошоп в системі eSputnik

Як додати до листа ролловер

Ролловер — це дуже корисна фішка для eCommerce-розсилок. Коли користувач наводить курсор на зображення, воно замінюється на альтернативне. З його допомогою ви можете показати товар з різних боків, його важливі елементи, варіанти в різних кольорах тощо. Головне, щоб картинки були однакового розміру.

Ролловер eSputnik

Як створити HTML-лист

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

HTML-редактор в системі eSputnik

Система eSputnik виявилася дуже інтуїтивно зрозумілою та простою у використанні: листи легко створювати, редагувати, проводити експерименти з різними темами, змістом тощо. Ми побачили, що на емейл-розсилках можна добре заробляти. Головне — мати план і робити їх якісно та регулярно

— Олена Мельниченко

Як автоматично заповнювати картки товарів

Тепер у вас з'явиться маса вільного часу на творчі завдання, адже дані для карток товарів більше не треба додавати вручну. Використовуйте smart-блоки — це автоматичний генератор контенту в листах. Вкажіть у smart-блоці посилання на картку товару на сайті, і до емейлу автоматично підтягнеться його опис, фото й ціна.

Smart-блоки в системі eSputnik

Як створити адаптивний лист

Адаптивний лист має однаково привабливий вигляд і на комп'ютері, і на планшеті, і на мобільному. З огляду на те, що велика частина одержувачів відкриває листи на мобільних, дуже важливо адаптувати кожну розсилку. Створення адаптивного листа може стати дуже складним і трудомістким завданням, але тільки не в eSputnik. Тут ви налаштовуєте адаптивність одним кліком миші, причому як для всього листа, так і для окремих його елементів. Окремі блоки при показі на мобільному можна приховати — наприклад текстові, якщо вони займають багато місця.

Адаптивні шаблони в редакторі eSputnik

Зручно з першого ж погляду. Коректна верстка листів виглядає акуратно. Докладні звіти — можна показати замовникові, можна зануритися самостійно аж до контактів, що не перейшли за посиланням. Швидка підтримка, файний блог — багато корисних речей в одному місці

— Дарина Мазурина

Як додати відео до листа

Традиційний спосіб виглядає так:

  1. Вставте посилання в поле «Посилання на відео» і зачекайте, доки підвантажиться титульна картинка.
  2. Альтернативний текст пропишеться автоматично.
  3. Налаштуйте колір кнопки «Play» на власний розсуд.

Додавання відео в редакторі eSputnik

Новий спосіб — технологія AMP в емейлах. З нею можна вставити в лист не лише відео, а цілий сайт :)

Last post

Як красиво написати листа

Тут працює просте правило — чим простіше, тим краще. Спеціалісти рекомендують присвячувати один лист одній цільовій дії.

Обираючи шрифт для розсилки, будьте обережні: поштові клієнти підтримують не всі шрифти. Із впевненістю ви можете використовувати десять: Arial, Courier/Courier New, Geneva, Georgia, Helvetica, Palatino, Tahoma, Times New Roman, Trebuchet MS, Verdana. Якщо поштовик не підтримує обраний вами шрифт, він замінить його власним, встановленим за замовчуванням. Для експериментаторів у eSputnik є набір нестандартних шрифтів:

Шрифти в eSputnik

Створюйте привабливі листи

Висновки

Ми не за чутками, а на на практиці знаємо, як створити привабливий лист для розсилки, бо щоденно відправляємо тисячі розсилок і співпрацюємо з найширшим спектром онлайн-бізнесу: від fashion-індустрії до медичних компаній. Функції нашого редактора розробляються з урахуванням специфічних потреб кожного з них.

Спробуйте і переконайтеся самі!

5.0 з 5 на основі 1 оцінок

Гліб Клюйко

Технічний райтер

Коментарі 0