Anna Grekova

Email Marketing Specialist

Все, що слід знати про шаблон листа для розсилки

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

Для чого потрібен новий шаблон?

Ось перелік основних причин:

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

  • Редизайн сайту. У цій ситуації потрібен перегляд шаблонів і приведення їх у відповідність до стандартів нового фірмового стилю.

  • Оновлення. Періодично треба оновлювати існуючі шаблони електронних листів, щоб підписники бачили, що ваш бренд розвивається, і щоб листи не набридали.

  • Додавання нових елементів. Технології не стоять на місці: те, що вчора було актуальним, сьогодні вже час змінювати. Якщо ви хочете бути сучасними і відправляти AMP-листи, доведеться оптимізувати шаблон. Але воно того варте! Такі елементи в розсилках поки що рідкість, і це слушна нагода вирізнятися серед конкурентів.

  • Адаптивність. Сьогодні шаблон email-листа має бути адаптивним, інакше одержувачі навряд чи відкриватимуть ваші розсилки на мобільних.

  • Додавання листів нового типу. Наприклад: компанія використовувала тільки тригери, а тепер вирішила відправляти ще й проморозсилки.

Приклад зверстаного листа в eSputnik

Last post

Що таке майстер-шаблон

Майстер-шаблон листа — це основа майбутніх розсилок. До нього зазвичай додають всі елементи, які знадобляться для створення листів:

  1. Хедер.

  2. Банери.

  3. Заголовки.

  4. Текстові блоки.

  5. Кнопки СТА.

  6. Картки товару.

  7. Соцмережі.

  8. Футер.

  9. Посилання «Відписатися» і обов'язкова фраза про причини відправлення email.

Приклад шаблона в eSputnik

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

Саме той, перший шаблон

Бажаєте створити перший лист в eSputnik, але не дуже знайомі з тонкощами верстки і не знаєте, з чого почати? Ми зробимо майстер-шаблон для email-розсилки безкоштовно! Він відповідатиме всім необхідним критеріям:

  • Адаптивність.

  • Найкращі практики в оформленні.

  • Відповідність стилю вашого сайту.

Під час подання заявки на створення безкоштовного шаблону листа слід повідомити:

  1. Назву вашого акаунта в eSputnik.

  1. У стилі якого сайту має бути зроблений шаблон (посилання на сайт, якщо є — макет у форматі psd).

  2. Бажану структуру листа.

  3. Кому будуть адресовані розсилки: як були отримані ці емейл-адреси? Як і коли контакти зі списку давали згоду на отримання листів від компанії?

Якщо контакт отримано давно і емейл-розсилки не здійснювалися, то база скоріше за все застаріла (люди могли забути про компанії або змінити свої інтереси).

Ми перевіряємо, чи коректно відображається шаблон html листа для розсилки в усіх поштових клієнтах, операційних системах і на різних пристроях, у тому числі в мобільних та десктопних варіантах. Для перевірки застосовуються Litmus або Email on Acid.

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

Хочете безкоштовний шаблон?

Чому шаблон має відповідати фірмовому стилю бренду? У випадку з емейл-розсилками дуже важливо зберігати імідж компанії й товарів/послуг, які ви просуваєте.

Підписники і клієнти вже знайомі з вашою компанією, чи не так? Тому і в листах варто підтримувати впізнаваний образ бренду, щоб не виникало непорозумінь і помилок сприйняття.

Приклади безкоштовних шаблонів від eSputnik

Лист створений в eSputnik

Структура шаблону листа

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

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

Заголовок листа

Контентна (основна) частина — ось ваше поле для творчості. Тут треба розмістити такий контент, який змусить одержувача вам повірити й виконати цільову дію. Для цього розділу вам знадобляться ефектні картинки, елементи анімації, заголовки, текст, що продає, і кнопки заклику до дії. Усі складові контенту мають бути узгоджені між собою і доносити основну думку. Не варто додавати котиків у лист лише тому, що вони гарненькі й усім подобаються, якщо ваша компанія жодним чином не пов'язана з тваринами.

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

Різновиди адаптивних шаблонів у eSputnik

Якщо ви бажаєте створити адаптивний лист у редакторі eSputnik, скористайтеся вбудованими шаблонами: вони всі підтримують цю функцію. Знайти їх можна в акаунті → вибрати "Повідомлення" в меню → підпункт "Повідомлення" → кнопка "Створити Email".

1. Базові шаблони

Ви потрапите на сторінку з шаблонами, призначеними для швидкого створення основних тригерів і промолистів:

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

Вибирайте відповідний і редагуйте, відштовхуючись від інфоприводу й контенту.

Представлені шаблони дозволяють створювати такі різновиди листів:

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

Промо шаблон

  • Інформаційний лист. Є новини для підписників? Чи треба сповістити колектив про нововведення й досягнення компанії? Сміливо використовуйте цей шаблон листа!

Шаблон інформаційного листа

  • eCommerce лист. У вас інтернет-магазин? Цей шаблон електронного листа можна взяти за основу ваших розсилок! Не забудьте надати йому фірмового стилю та наповнити актуальним контентом.

eCommerce шаблон

  • Тригер. Самі проморозсилки — це ще не емейл-маркетинг. Для якісної автоматизації роботи з підписниками необхідно налаштувати тригери. Важливість тригерних листів не можна недооцінювати: це один з основних каналів комунікації компанії з клієнтами. Повідомляйте про статус замовлення, надходження оплати, нарахування бонусів. Для всіх цих листів годиться цей шаблон:

Тригер

  • Дайджест. Хочете розповісти про все й потроху? Вибирайте такий варіант шаблону для email-розсилки:

Дайджест

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

Покинутий кошик

  • Покинутий перегляд — лист, який нагадує про ваш магазин і про товари, які потенційний покупець, що захопився серфінгом у мережі, так і не поклав до кошика. Може, він про них забув? Або не знайшов, повернувшись на сайт? Що ж, покинутий перегляд нагадає про них. Шаблон такого листа вже є в системі eSputnik. Окрім товарів, які відвідувач переглядав на сайті магазину, ми пропонуємо додати рекомендаційний блок:

Покинутий перегляд

  • Велком-лист — цей шаблон можна використовувати для привітальної серії та  листів-подяк:

Привітальний лист

  • А якщо у вас вже є готовий html-шаблон, виберіть останній варіант "Надіслати свій html" і вставте власний код. Це можна зробити також у випадку, якщо ви знайшли варіант оформлення в мережі та маєте намір використовувати його в eSputnik.

custom email

2. Тематичні шаблони

У цьому розділі зібрано 300+ прикладів листів, згрупованих за інфоприводами і типами бізнесу.

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

Щоправда, є один нюанс: щоб відправляти листи з AMP-контентом, потрібно спочатку подати заявку й дочекатися її затвердження. Детальніше про AMP ми писали тут.

Як зробити адаптивними структури і контейнери?

Налаштовувати параметри адаптивності можна для кожної структури

Адаптивна структура

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

Адаптивні контейнери

Якщо в структурі з кількома блоками ввімкнено адаптивність, на мобільних девайсах вони перебудуються і відобразяться один під одним (без прокрутки буде видно один блок, а не структуру повністю). Це дозволяє розглянути картку товару в листі.

Мобільний перегляд

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

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

mobile vs desktop

Важливі дії під час роботи з шаблонами

Незалежно від того, де було взято шаблон (знайдено в мережі, взято з бібліотеки шаблонів eSputnik, спеціально створено професійним верстальником або співробітниками нашого ESP на замовлення), перед відправленням листа на його основі перевірте таке:

  • ім'я відправника;

  • тему;

  • прехедер;

  • посилання, у тому числі під зображеннями;

  • альт-тексти;

  • контактну інформацію;

  • наявність обов'язкової фрази про те, чому одержувачу відправлено ​​цю розсилку;

  • можливість відписатися;

  • логотип.

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

2500 емейлів безкоштовно

Редизайн — свіжий погляд на емейл-розсилку

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

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

Вдалі приклади редизайну шаблонів

Редизайн шаблону для компанії Highprofileclub (до і після):

Редизайн

Підіб'ємо підсумки?

Шаблон листа можна знайти:

  • в ЄСП;

  • у відкритих джерелах;

  • на платних сервісах;

  • замовити дизайнерові та верстальнику;

  • зробити самостійно.

Якщо ви звернетеся до еСупутник, то отримаєте адаптивний шаблон листа для першої розсилки безкоштовно.

Перед першою розсилкою не забудьте ретельно перевірити ваш лист стосовно:

  1. правильності посилань;
  2. відповідності фірмовому стилю;
  3. актуальності контактної інформації;
  4. коректності відображення в різних поштових клієнтах і на різних пристроях.

Бібліотека шаблонів у eSputnik буде поповнюватися, тож стежте за анонсами й оновленнями!

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

Anna Grekova

Email Marketing Specialist

I develop and implement email marketing strategies for local and Western markets. In my articles, I like to share useful insights.

Коментарі 0

З цим читають