Створення email

Створення першої емейл-розсилки складатиметься з послідовних етапів.

Крок 1. Перехід до створення Email-повідомлення

У системі eSputnik ви можете без зусиль перейти до створення Email-повідомлення одним із таких способів:

1. Вибрати пункт "Повідомлення" в рядку меню й клікнути підпункт "Повідомлення" в списку, що відкриється.

2. Вибрати Email в основній області головної сторінки в блоці "Повідомлення".

3. Натиснути кнопку "+". Вибрати Email у випадаючому меню для швидкого переходу до створення листа.

Якщо ви перейшли до створення Email-повідомлення в один із перших двох способів, у наступному вікні вам слід натиснути кнопку "Створити Email". Тут ви також можете вибрати зі списку меню або на бічній панелі праворуч інший тип повідомлення: SMS, Web Push, Mob Push або Viber.

У разі переходу до створення Email за допомогою панелі швидкого доступу на головній сторінці (спосіб №3) вам не треба робити цей крок.

Крок 2. Вибір шаблону повідомлення

Тепер ви можете вибрати спосіб створення вашого листа.

За замовчуванням вам буде запропоновано створити власний дизайн Email за допомогою одного з шаблонів Drag-and-drop конструктора або HTML-редактора у вкладці "Базові". На основі шаблонів ви матимете змогу легко верстати різні промолисти, новинні розсилки, а також цілі серії тригерних листів (привітання, замовлення, покинуті перегляди, покинутий кошик) для максимальної автоматизації вашої Email-кампанії.

Ви також можете вибрати один із готових варіантів дизайну у вкладці "Тематичні". Тут знаходиться понад 300 безкоштовних шаблонів з урахуванням:

• різних типів розсилки (покинуті перегляди, покинутий кошик, акції, запрошення, нова колекція, опитування, повідомлення тощо);

• сфер діяльності (бізнес, мода, їжа, гаджети, діти, подарунки та квіти, E-commerce та ін.);

• свят і подій (чорна п'ятниця, Різдво, День св. Валентина, День матері, Всесвітній день шопінгу та ін.);

• спеціальних можливостей (AMP, CSS-анімації, rollover-ефект, акордеон-меню, відео, карусель, таймер зворотного відліку).

Адаптуйте одне з готових дизайн-рішень для максимально швидкого старту вашої email-кампанії. Детальніше про те, що треба знати про шаблон листа для розсилки, читайте тут.

У вкладці "Шаблони повідомлень" ви можете додати новий шаблон, натиснувши однойменну кнопку.

Після цього виберіть спосіб створення Email із базових, тематичних або збережених шаблонів.

Таким чином, ви маєте можливість задати єдиний фірмовий стиль для цілої серії email-повідомлень.

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

Для цього просто клікніть назву листа для переходу до його редагування.

У вкладці "Шаблони повідомлень" ви також можете натиснути іконку редагування або скопіювати наявний шаблон для подальшого редагування. Цей спосіб створення повідомлення буде найбільш доречним при запуску повторних Email-розсилок одного типу зі збереженням фірмового стилю.

Крок 3. Заповнення інформації для відправлення

Задайте основну інформацію про ваше Email-повідомлення.

Щоб додати/змінити назву листа, клікніть іконку редагування поруч із пунктом "Назва повідомлення" або просто поставте курсор у це поле для негайного переходу до редагування. Щоб задати інші параметри відправлення, клікніть аналогічну іконку поруч із пунктом "Тема повідомлення" або просто на поле з темою.

Ви також можете повернутися до цього кроку пізніше. Після заповнення потрібної інформації натисніть "Зберегти". Нижче ми детальніше розглянемо кожний із параметрів інформації для відправлення.

1. Назва повідомлення

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

Рекомендуємо вибирати короткі й інформативні назви, оскільки за замовчуванням вони будуть передаватися в utm-мітці в параметрі utm_campaign. У системі eSputnik усі мітки, у тому числі мітка "Назва кампанії", проставляються автоматично, однак за бажанням ви можете їх легко відредагувати як у налаштуваннях самого повідомлення, так і в налаштуваннях усього акаунта.

• Щоб переглянути або змінити значення цієї utm-мітки для конкретного листа, натисніть іконку "..." на панелі меню, після чого виберіть пункт "Задати налаштування посилань".

У наступному вікні ви побачите поточні налаштування посилань, які будуть використовуватися при формуванні аналітичних звітів, зокрема ті, що задані для параметра "Назва кампанії". За необхідності ви можете замінити $messageName іншою utm-міткою, використання якої вважаєте більш доцільним. Натисніть кнопку "Застосувати", щоб зберегти зміни, або виберіть "Відновити значення за замовчуванням" для скасування всіх правок за цим параметром.

• Щоб задати спеціальне значення цієї мітки для всіх подальших Email, перейдіть до Налаштувань акаунта. При цьому пам'ятайте, що мітки, задані в самому листі, завжди будуть більш пріоритетними порівняно  із заданими в налаштуваннях акаунта.

Детальніше про те, як використовувати в Email-розсилках utm-мітки, читайте тут.

Приклад того, як відображатимуться utm-мітки в рядку браузера, коли підписник перейде з листа на сайт. Зверніть увагу, що Назву повідомлення ваші одержувачі бачитимуть у параметрі campaign.

2. Тема

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

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

3. Прихований передзаголовок (прехедер)

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

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

4. Відправник

За замовчуванням ім'я відправника створюється на основі даних користувача акаунта. Якщо ж ви бажаєте використовувати інше ім'я відправника для всіх Email-повідомлень або окремих розсилок, натисніть "+" поруч із пунктом "Відправник" і заповніть необхідні поля у вікні заявки.

При створенні листа просто виберіть потрібне ім'я відправника, натиснувши стрілку поруч із цим полем. Ознайомтеся з повною відеоінструкцією, як це зробити.

5. Адреса для відповіді

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

6. Мітки

Надання міток дозволить вам більш легко фільтрувати повідомлення, звіти, а також використовувати їх у побудові стратегії частоти розсилок як типи листів, що відправлятимуться згідно з правилами. Просто додайте потрібні слова або словосполучення, що будуть використовуватися як мітки.

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

7. Рівень занепокоєння

Цей параметр дозволяє управляти частотою розсилок і рівнем занепокоєння, яке потенційно може спричинити підписникам ваше повідомлення.

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

Крок 4. Створення дизайну листа

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

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

Основна перевага візуального редактора — вбудована адаптивність блоків, завдяки чому ваш Email коректно відображатиметься на різних пристроях. Більше про можливості налаштування адаптивності в редакторі eSputnik читайте в спеціальній інструкції.

Основні інструменти Email-редактора представлені такими вкладками:

1. Оформлення

Дозволяє задавати загальний стиль як усього листа, так і його окремих елементів (заголовки, хедер, футер, кнопки, інформаційна область). Крім того, тут знаходяться базові налаштування адаптивності.

Усі інші інструменти, описані нижче, ви знайдете в розділі "Контент".

2. Структури

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

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

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

Для переходу до редагування контейнера просто клікніть його мишею.

3. Блоки

Для верстки шаблону вашого повідомлення або наповнення вибраних структур скористайтеся базовими блоками конструктора drag-and-drop:

• Картинка;
• Кнопка;
• Текст;
• Роздільник;
• Відео;
• Соцмережі;
• Банер;
• Меню;
• HTML;
• Карусель;
• Акордеон.

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

4. Модулі

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

• Передзаголовки;
• Хедери;
• Банери;
• Інформаційні модулі;
• Картки товарів;
• Футери;
• AMP-пісочниця.

Ви також можете зберегти контейнер, структуру або полосу як модуль, натиснувши відповідну кнопку дії. Вони відобразяться у вкладці "Мої модулі". Використовуйте збережені модулі у верстці подальших Email, просто перетягнувши їх у потрібну область тіла листа.

Кожен елемент вашого Email може паралельно редагуватися у візуальному редакторі та в редакторі HTML. Для відкривання або виходу з HTML-редактора натисніть іконку </> на верхній панелі інструментів.

Працюючи в Drag-and-drop-редакторі, ви також маєте можливість додати власний довільний HTML і CSS у певну область листа, перетягнувши відповідний блок із панелі інструментів.

За кліком по конкретному елементу Email-повідомлення ліворуч автоматично відкривається панель для його редагування, а при наведенні на нього миші з'являється панель з основними діями: зберегти як модуль, перемістити, дублювати й видалити.

Детальніше про те, як працює адаптивний редактор, ви можете дізнатися тут.

Вже маєте шаблон листа в Photoshop, який ви хотіли б використовувати для розсилок? Читайте в нашій статті, як його правильно перенести в eSputnik.

Серед додаткових можливостей щодо роботи з email-повідомленнями в системі eSputnik можна виділити:

• мультимовність листів;

• використання Smart-елементів;

• налаштування динамічного контенту;

• використання AMP-елементів (акордеон, карусель);

• персоналізацію та ін.

• Якщо в попередньому кроці ви вибрали створення повідомлення за допомогою HTML-редактора, вставте ваш код у вікно редагування HTML-коду. Листи часто можуть містити CSS-стилі всередині HTML у тегу <head>, проте деякі поштові клієнти можуть їх не підтримувати.

Для зручності роботи в системі eSputnik поля для редагування HTML і CSS розділені. Відкрийте вікно CSS кліком відповідної кнопки і вставте туди код зі стилями оформлення листа, які розміщені всередині тега <style></style> вашого HTML-коду.

Після цього ви побачите, як саме відображається ваш лист у вікні перегляду повідомлення, і за необхідності матимете змогу повернутися до редагування HTML-коду і CSS. Щоб закрити або повторно відкрити вікно HTML-редактора, натисніть іконку </> в рядку меню.

Зверніть увагу, що для коректного відображення Email в усіх поштових клієнтах слід дотримуватися певних стандартів верстки. Про те, як правильно створити повідомлення в HTML-редакторі, читайте в нашому блозі.

Якщо ви бажаєте активувати Drag'n'Drop функцію редактора для внесення подальших змін до листів, переконайтеся, що ви адаптували свій HTML- код згідно з рекомендаціями щодо адаптації шаблонів.

Більше порад про те, як зверстати привабливе Email-повідомлення, ви знайдете тут.

Шаг 5. Перегляд і тестування листа

Після створення дизайну ви можете подивитися, як саме відображатиметься email-повідомлення на мобільному пристрої і на ПК. Для цього натисніть іконку з екранами на панелі інструментів.

Переконайтеся, що всі елементи вашого листа відображаються коректно. Для повернення у вікно редактора натисніть кнопку "Назад".

Протестуйте ваше повідомлення перед запуском розсилки. Для цього натисніть відповідну іконку в рядку меню. Вкажіть email, на який ви бажаєте надіслати тестовий лист, і натисніть кнопку "Відправити". Перевірте відображення Email-повідомлення у вашому поштовику.

Рекомендуємо також додатково перевіряти ваш Email за допомогою спеціальних сервісів для тестування верстки. Особливо важливо це робити в разі використання нестандартних дизайнів, а також перенесення HTML-коду до редактора.

Клієнти eSputnik, що замовили безкоштовний індивідуальний шаблон листа, також отримують як бонус додаткове тестування відображення цього шаблону на всіх пристроях.

Крок 6. Збереження повідомлення

Після завершення всіх правок натисніть кнопку "Зберегти". Виберіть "Зберегти як шаблон" у випадку, якщо ви бажаєте використовувати створене повідомлення як шаблон для подальших розсилок або якщо ви раніше вибирали створення Email за допомогою опції "Додати новий шаблон". Якщо ви редагували раніше створений шаблон, достатньо натиснути кнопку "Зберегти".

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

Ваше email-повідомлення готове! Переконайтеся, що заздалегідь здійснили імпорт бази для розсилки, а також налаштування цифрових підписів, і сміливо переходьте до запуску вашої email-кампанії.