14 грудня 2018

Кращі практики по дизайну футера для емейлів

Створити футер листа
Зміст
  1. Структура футера
  2. Розмір футера
  3. Дотримуйтеся простого дизайну емейл футерів
  4. Заклик до дії (СТА) в футері
  5. Можливість скасування підписки
  6. Адреса та контактна інформація
  7. Висновок
1.
Структура футера

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

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

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

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

Структура футера

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

  • Загальна контактна інформація,
  • Адреса компанії,
  • Посилання на веб-сайт,
  • Посилання на соціальні мережі,
  • Заклик до дії,
  • Відмова від підписки.

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

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

Ось приклад елегантного дизайну футера для вашого натхнення:

email footer design, footer example for inspiration

До речі, ось приклад поганої практики в дизайні футерів для  електронної пошти:

email footer design, almost invisible text on footer

Справа в тому, що перше речення неможливо прочитати, так чому воно написано там? Також використання зображень у якості фону футера – спосіб уповільнити швидкість завантаження вашого електронного листа.

Розмір футера

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

Якість розширення вашого футера має бути 720 dpi, і, крім того, картинка повинна відображатися коректно з 100-кратним збільшенням. У більшості випадків використовують зображення таких форматів, як JPEG чи PNG або рідше анімований формат GIF.

Дотримуйтеся простого дизайну емейл футерів

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

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

Ось приклад, коли надзвичайно складно вибрати соціальну мережу через їхню кількість:

email footer design, too many social media icons for footer

Заклик до дії (СТА) в футері

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

У вашому листі не повинно бути декількох різних закликів до дії, тому що вони, ймовірно, заплутають користувача і не приведуть до результатів. «Одне повідомлення – один тип заклику» – пам’ятаєте це правило.

Ось кілька цікавих прикладів електронної пошти із закликом до дії в футері:

email footer design, buttons as a CTA in footer

email footer design, cta element in footer, cta button

Можливість скасування підписки

Хоча ніхто не хоче втратити пiдписникiв, опція скасування підписки повинна бути доступна і видима. Навіщо? Тому що ви не надаєте хороший сервіс, поки він нав’язливий. Надайте користувачам додаткові переваги. В іншому випадку багато ваших електронних листiв будуть потрапляти в спам, який впливає на репутацію вашого бренду, а також на надійність компанії.

Ось приклад хорошого варіанту вибору скасування підписки:

email footer design, easy to unsubscribe

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

Ось погане рішення з можливістю скасування підписки в футері:

email footer design, bad example of unsubscription option

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

Адреса та контактна інформація

На мій погляд, немає необхідності вказувати повну адресу вашої компанії в якості контактної інформації, тому що ніхто не прийде прямо в ваш офіс після прочитання електронного листа. Ця інформація вже вказана на вашому вебсайті і знайти її зовсім не важко. Ви навіть можете розмістити в футері електронного листа кнопку для швидкого переходу на сторінку «Зв’язатися з нами». Ось перелік тих речей, які 100% повинні бути в нижньому колонтитулі електронної пошти:

  • Посилання на ваш сайт з авторським правом або навіть без нього;
  • Кнопки соціальних медіа;
  • Номер телефону.

І це все! Не думайте, що більше інформації зробить ваш електронний лист цікавішим.

Ось приклад, де все ясно:

address info, email footer design

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

email footer design, too much text for address info

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

Висновок

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

Дизайн футера емейла – це не мистецтво, доступне тільки професіоналам. Можна зробити ідеальний варіант навіть без навичок дизайну, просто використовуйте редактор електронної пошти Stripo, і ви витратите не більш хвилини, щоб зробити чудовий футер, перевірено на особистому прикладі.

Чи була ця стаття корисна?
Tell us your thoughts
Дякуємо за ваш відгук!
0 коментарів
Тип
Індустрія
Сезони
Інтеграції
Редактор Stripo
Спростіть процес створення листів.
Плагін Stripo
Інтегруйте Drag-n-Drop редактор Stripo у свій веб-додаток.
Замовити власний шаблон
Наша команда може розробити і зверстати його для вас. Просто заповніть бриф, і ми зв'яжемося з вами найближчим часом.