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

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

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

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

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

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

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

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

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

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

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

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

1. Хедер.

2. Банери.

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

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

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

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

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

8. Футер.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• тему;

• прехедер;

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

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

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

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

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

• логотип.

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

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

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

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

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

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

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

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

• в ЄСП;

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

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

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

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

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

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

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

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