Ваша. Розумна. Пошта.
Швидкий, кросплатформний поштовий клієнт, створений фільтрувати зайвий шум, щоб ви могли зосередитися на тому, що справді важливо.
Визначення
💡 HTML-лист: лист, написаний мовою HyperText Markup Language, що дає змогу додавати форматування, зображення, кольори та посилання. По суті, це різниця між нудним текстовим документом і справді продуманим повідомленням. HTML-лист забезпечує можливості форматування та семантичної розмітки, недоступні у звичайному тексті.
Чому HTML-листи важливі
Листи у звичайному тексті — це просто текст. Без кольорів, без зображень, навіть без жирного чи курсиву. HTML-листи — це все інше.
HTML-листи мають кольори, стилі, зображення, а іноді й мультимедіа — подібно до вебсторінок, доставлених до поштових скриньок людей. Це означає, що ви можете дотримуватися стилю свого бренду, використовувати логотип і додавати кнопки, на які справді можна натиснути. Ви можете використовувати вбудовані візуальні елементи, щоб допомогти зосередити увагу на різних частинах вмісту листа, і задіяти ті елементи, з якими користувачі очікують взаємодіяти, як-от зображення та відео.
Зараз більшість компаній надсилають HTML-листи. Згідно з опитуваннями компаній онлайн-маркетингу, використання поштових клієнтів із підтримкою HTML нині майже універсальне: менше 1 відсотка повідомляють, що користуються клієнтами лише для тексту. Ваші клієнти очікують листів із дизайном, а звичайний текст може виглядати непрофесійно або застаріло. Це сигналізує, що ви не ставитеся до своєї комунікації серйозно.
Але HTML не завжди автоматично кращий. Тут є свої компроміси. HTML-листи більші за розміром, довше завантажуються і можуть некоректно відображатися в різних поштових клієнтах. Вони також частіше активують спам-фільтри, ніж звичайний текст.
Як працюють HTML-листи
Коли ви надсилаєте HTML-лист, ви фактично надсилаєте мінівебсторінку до чиєїсь поштової скриньки.
Дизайнер листа пише HTML-код, майже так само, як кодують вебсторінку, визначаючи структуру за допомогою HTML і стилізуючи її за допомогою CSS. Ви додаєте зображення, форматуєте текст, створюєте макети. Потім, коли одержувач відкриває лист, його поштовий клієнт зчитує цей HTML-код і відтворює його так, як браузер відображає вебсторінку.
Але ось у чому нюанс: існують сотні різних сервісів і застосунків, якими люди користуються для читання електронної пошти, як-от Gmail, Yahoo! і Outlook, і кожен сервіс трохи по-різному відображає HTML і CSS. Те, що виглядає ідеально в Gmail, може зламатися в Outlook. Те, що працює на комп’ютері, може не спрацювати на мобільному.
Саме тому багато поштових серверів налаштовані автоматично генерувати версію повідомлення у звичайному тексті й надсилати її разом із HTML-версією, використовуючи Content-Type: multipart/alternative. Якщо HTML не вдається відобразити, поштовий клієнт переходить до версії у звичайному тексті. Тож ви захищені в будь-якому разі.
HTML проти звичайного тексту
У вас є два варіанти:
HTML-листи дають вам повний контроль над дизайном. Кольори, шрифти, зображення, кнопки, на які можна натиснути, макети, що відповідають вашому сайту. HTML — найкращий формат, коли ви хочете створювати повідомлення, схожі на традиційні документи, із різними шрифтами, кольорами, маркованими та нумерованими списками, а також коли хочете показувати зображення всередині повідомлення. Ідеально для розсилок, маркетингових кампаній і брендованих комунікацій.
Листи у звичайному тексті — максимально спрощені. Просто текст, без стилізації, без вбудованих посилань. Формат звичайного тексту не підтримує жирний або курсивний текст, кольорові шрифти чи інше форматування тексту, а також не підтримує показ зображень усередині повідомлення. Так, вони менш ефектні, але працюють усюди. Вони також здаються більш особистими й менш схожими на продажі, тому дехто віддає їм перевагу для особистого листування один на один.
Для облікових записів Microsoft ви можете вибрати, як отримувати свої листи у вхідних.
Чудово підходить для листів-продажів та оновлень, а якщо ви продавець, який веде листування один на один, листи у звичайному тексті, імовірно, кращі. Але для більшості маркетингових задач? HTML перемагає.
Створення HTML-листів
У вас є варіанти залежно від вашого рівня технічної підготовки.
Напишіть код самостійно. Якщо ви знаєте HTML і CSS, можете написати код з нуля. Просто пам’ятайте, що створення листа в HTML — це спеціалізоване завдання, і воно не зовсім таке саме, як створення вебсторінки. Поштові клієнти набагато менш поблажливі, ніж браузери. Вам доведеться використовувати таблиці для макета (так, справді), вбудований CSS замість зовнішніх таблиць стилів і тестувати все в кількох клієнтах.
Скористайтеся конструктором drag-and-drop. Більшість постачальників послуг електронної пошти, як-от Mailchimp, Constant Contact чи Campaign Monitor, пропонують візуальні редактори. Ви перетягуєте текстові блоки, зображення, кнопки — а інструмент генерує HTML за вас. Кодування не потрібне.
Почніть із шаблону. Візьміть готовий шаблон HTML-листа з сервісу на кшталт Litmus або Email on Acid, а потім налаштуйте його, додавши власний вміст і брендинг. Швидше, ніж створювати з нуля, і більше контролю, ніж у редакторі drag-and-drop.
Який би підхід ви не обрали, усе одно потрібно переконатися, що ваші листи адаптуються до різних роздільних здатностей і працюють у різних поштових клієнтах. Перевірте все, перш ніж надсилати на весь список.
Найкращі практики для HTML-листів
Спочатку проєктуйте для мобільних пристроїв. Більше половини листів відкривають на телефонах. Тепер, коли мобільний перегляд випередив використання настільних ПК і ноутбуків, проєктувати листи для мобільних пристроїв важливіше, ніж будь-коли. Використовуйте одноколонні макети, великі зони натискання для кнопок і читабельні розміри шрифту без потреби збільшення.
Не ускладнюйте. Не перестарайтеся з дизайном. Розробляючи HTML-лист, не забувайте про простоту, не ускладнюйте собі роботу — краще дотримуватися двоколонного варіанта. Менше елементів означає швидше завантаження й менше речей, які можуть зламатися.
Використовуйте вбудований CSS. Тег head, який використовується для зберігання CSS-правил стилю для всього HTML-документа, підтримується погано й іноді повністю видаляється, тому вбудовані оголошення стилів фактично стали стандартом.
Тестуйте в різних клієнтах. Gmail, Outlook, Apple Mail, Yahoo і мобільні клієнти відображають листи по-різному. Ви можете спробувати надіслати свої листи на різні облікові записи, пов’язані з різними поштовими клієнтами, або скористатися інструментами тестування електронної пошти, щоб позбутися зайвого клопоту в цьому процесі. На цьому спеціалізуються такі сервіси, як Litmus і Email on Acid.
Додайте резервну версію у звичайному тексті. Завжди надсилайте в одному листі і HTML-, і текстову версію. Якщо HTML зламається, одержувачі все одно отримають ваше повідомлення.
Стежте за розміром файлу. HTML-лист більший за звичайний текст. Важкі зображення та роздутий код уповільнюють завантаження й можуть активувати спам-фільтри. Якщо можливо, зберігайте загальний розмір електронного листа менше 100 КБ.
Не покладайтеся лише на зображення. Деякі поштові клієнти блокують зображення за замовчуванням. Ваше повідомлення все одно має залишатися зрозумілим і без них. Використовуйте alt-текст для всіх зображень.
Пов’язаний вміст
- Як створити професійний підпис електронної пошти
- Ключові функції, які має мати хороший поштовий застосунок