Урок 1. Що таке HTML

Привіт! Це курс "Верстка листів" від Letteros. Ми написали цей курс, щоб навчити всіх бажаючих розсилок в HTML. І почнемо з невеликого введення: розповімо, що таке поштове розсилання і чому створення листів — зовсім не те саме, що створення сайту чи лендингу.

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

Для комерційної розсилки недостатньо лише тексту. Потрібен візуал [іншими словами, дизайн - те, як лист виглядатиме] і верстка. Тому підготовкою такого розсилання займається ціла команда фахівців. Маркетолог вигадує тему, копірайтер пише текст, дизайнер займається зовнішнім виглядом. А верстальник - це той, завдяки якому відбувається магія: дизайн макета «оживає» і стає HTML-документом, придатним для відправки поштою. Який ще потрібно адаптувати під всілякі пристрої.

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

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

Почнемо з азів, а закінчимо спеціалізованими навичками та секретними фішками. Для початку розберемося з HTML, його елементами та синтаксисом. Поїхали!

Елементи HTML

HTML [HyperText Markup Language, англ.] — це мова гіпертекстової розмітки, яка описує весь вміст веб-сторінки. У нашому випадку — імейла, електронний лист. Він використовується, щоб повідомляти браузеру, як відображати веб-сторінки, які ви відвідуєте.

Створюється він у HTML-документі. Це простий текстовий документ з розширенням .html, який може бути створений навіть у звичайному текстовому редакторі на кшталт Блокнота.

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

Теги

Якщо театр починається з вішалки, знання про HTML-верстку — з тегів. Так називаються елементи гіпертекстової мови, які показують де один елемент починається, а де закінчується. Складаються вони з імені елемента, оточеного дужками «».

Теги бувають парні та одиночні, а парні теги в свою чергу називаються таким, що відкриває і закриває. Закриваючий тег утворюється додаванням слеша перед ім'ям елемента: …. Між тегами, що відкривають і закривають, знаходиться вміст елемента — сам контент.

До речі, елементи можна «вкладати» один в одного, але при вкладенні потрібно обов'язково дотримуватися порядку їх закриття. Елемент, відкритий всередині іншого елемента, має бути закритий усередині нього:

Як ви зрозуміли, завдяки парному тегу можна вказати початок і кінець конкретного елемента. Але є теги, які додають на сторінку одиночний об'єкт [наприклад, зображення], і їм не потрібно для цього містити якийсь текст. Власне тому вони й називаються одиночними.

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

. В одиночній формі він «працює» до наступного тегу

.

Але ми не рекомендуємо так робити: це може призвести до помилок, а серед верстальників взагалі вважається поганим тоном.

Елементи, представлені одиночними тегами, не зберігають вміст безпосередньо. Для них воно прописується як значення атрибуту - те, що визначає властивість об'єкта, елемента чи файла.

Атрибути дають можливість змінювати властивості та поведінку елемента, для якого вони поставлені. Всі вони прописуються в тезі елемента і містять ім'я і значення, які вказуються так: ім'я атрибута = «значення».

Наприклад, елемент вставляє картинку на сторінку в тому самому місці, де він розташований. Ім'я джерела зображення вказується в атрибуті src:

Так само можна позначити ключові слова, числа, дату і час, кольори, URL.

Є елементи без вмісту, які називаються пустими. Наприклад, — він не обертає контент листа та не надає йому нових характеристик. Він може містити атрибути, які повідомляють: "Ось тут в HTML-сторінку вставляється зображення".

Тут ще варто відзначити, що ті самі теги для різних версій HTML можуть відрізнятися. Вся справа в тому, що ця мова [як і весь інтернет загалом] розвивалася поступово. Еволюція HTML відбувалася приблизно так:

Синтаксис HTML

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

Будь-який документ має свою структуру і певну структуру. Яка ж структура HTML? Погляньте на приклад:

Перший тег, який ми зустрічаємо у верстці - . Він потрібний для вказівки типу поточного документа – DTD [document type definition – опис типу документа, англ.].

Цей тег потрібний, щоб браузер розумів, як слід інтерпретувати поточну веб-сторінку, адже HTML існує у кількох версіях. Як ви вже зрозуміли, зараз використовується остання HTML 5.0. Для цієї версії тег має такий вигляд: .

Ось тільки не всі поштові клієнти підтримують останню версію HTML, тому для електронної пошти використовується вигляд 4.01:

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

Далі йдуть теги [заголовок] та [контент]. Виглядає запис так:

Елемент передає інформацію про сторінку, але не про її вміст. Це, наприклад, ключові слова, опис сторінки, CSS-стилі, кодування та багато іншого. Тут є обов'язковий тег [визначає заголовок документа] — його відсутність сприйматиметься як помилка.

А ось міститься весь контент, який ви хочете показати: тексти, зображення, картинки, кнопки.

Із основними елементами розібралися, погнали далі.

Таблична верстка

Що таке таблиця, ви, напевно, уявляєте: це структуровані «по поличках» дані, які можна інтерпретувати за допомогою рядків і стовпців — потрібно просто зіставити їх заголовки.Тож упорядкування табличних даних добре підходять HTML-таблиці. Виглядають вони так:

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

Ось як може виглядати запис таблиці:

HTML vs Plain-text листи: що це таке і як правильно використовувати

Експерти email-маркетингу передбачають, що plain-text листи стануть популярним трендом у 2022 році. Якщо додати до цього всього дані про чудову залучення аудиторії завдяки звичайному тексту, ви, напевно, можете почати думати, що красиві листи HTML будуть не актуальні.

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

У plain-text листів є свої переваги, але HTML теж нікуди не подінеться. Коли і як використовувати ці кошти залежить від вашої аудиторії, основної теми та поставлених завдань.

Наші приклади HTML та Plain-text текстів

У цій статті я розповім про переваги Plain-text та HTML листів, а також про найкращі практики їх використання. Але перш ніж перейти до найголовнішого, давайте прояснимо деякі ключові визначення.

Що таке Plain-text листи?

Це листи, які з звичайного тексту.

Без надмірностей. Жодних химерних шрифтів, кольорів, кнопок CTA, зображень. Ви навіть не можете включати в лист гіперпосилання, оскільки всі зовнішні посилання вимагають URL-адресу для повного функціонування.Щоб отримати уявлення про те, як виглядає plain-text, подивіться наведений нижче лист від Seth Godin:

Що являє собою електронний лист у форматі HTML?

HTML листи містять все те, що не можуть містити їх аналоги: стилізацію, різні кольори, CTA, що виділяються, зображення, посилання. загалом, ви зрозуміли.

Скорочене поняття HyperText Markup Language звучить так: HTML - це стандартна мова, яка використовується для відображення веб-сторінок (хоча в електронній пошті HTML працює трохи інакше). На відміну від звичайного тексту, HTML листи містять інформацію, яка повідомляє пристрій одержувача, як саме потрібно відобразити лист.

Ось очевидні приклади листів, які ми готуємо в агентстві email-маркетингу Handbox для наших клієнтів.

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

«Як приборкати темну тему листа»

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

Обіцяємо не спамити. Ділитимемося тільки найкориснішими матеріалами.

«Як приборкати темну тему листа»

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

У чому різниця між HTML чи Plain-text листами?

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

Те, чого HTML бракує доступності, він компенсує своїми даними. Цей формат дозволяє відправникам отримувати інформацію про свою аудиторію шляхом вбудовування пікселів відстеження: фрагментів коду, які реєструють частоту відкриття листів, переходів за посиланнями тощо. Якщо більшість ваших передплатників не підписалися на нещодавнє оновлення Apple Mail Privacy Protection Update (і відкривають листи лише з програми), HTML допоможе вам стежити за відкриттям листів та показниками ефективності більш точно та просто, ніж будь-коли. Саме тому ми в рамках сервісів бачимо, скільки користувачів відкрили лист та скільки було кліків із листа.

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

Ви коли-небудь стикалися з тим, що на вашому мобільному пристрої виглядає дуже дивно? Що ж, ми всі з цим стикалися.

На відміну від plain-text, неправильно відформатований код може зламати листа, залишивши після себе жахливий візуал.

Погано закодовані HTML листи також відомі тим, що на них спрацьовують детектори спаму. Це означає, що ваше ретельно продумане рекламне повідомлення може опинитися в папці СПАМ.

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

Переваги Plain-text у порівнянні з HTML листами

Переваги Plain-text листів

Доступність

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

Доставляння

Незалежно від суперечок про «100-відсоткову доставку» plain-text листів, цей формат дійсно усуває ризик того, що ваш CSS буде видалений антивірусними програмами, і зменшує ймовірність того, що ви опинитеся в папці спаму або акцій.

Простота використання

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

Безпека

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

Залучення

І Marketo, і Hubspot виявили, що текстові електронні листи (тобто листи з обмеженим HTML) краще, ніж HTML із погляду залучення. Marketo відзначили на 11% вищу частоту відкриттів та на 8% вищу частоту переходів за посиланням, а також на 21% вищу частоту унікальних переходів за посиланням та на 17% вищу частоту унікальних переходів за посиланням пропозиції.

Переваги HTML листів

Творчий контроль

HTML може запропонувати все те, чого зазвичай не вистачає звичайним текстовим листам.Від стилів оформлення та можливостей шаблонів до різноманітної палітри кольорів, динамічного контенту та вбудованого мультимедіа (наприклад, GIF, відео, зображень та анімації) – цей формат дає вам свободу в оформленні вашого листа.

Відстеження

Метрики та KPI для нас, маркетологів, означають фактично все, адже саме так ми розуміємо, що працює, а що ні. HTML листи виграють завдяки можливості вбудовувати приховані фрагменти коду. Ці пікселі дозволяють відстежувати ефективність ваших кампаній за кількістю відкриттів (не підходить для користувачів iOS 15), переходів за посиланнями тощо.

CTA, що виділяються

HTML дозволяє легко привертати увагу до тих місць, на які ви хочете, щоб люди дивилися, і, отже, до посилань, якими ви хочете, щоб вони переходили. Згідно з дослідженням Conversion Road Trip від Unbounce, наявність всього одного CTA, що виділяється, може збільшити кількість кліків на 371%, а продажу - на 1 617%. CTA, стилізовані під кнопки також дуже добре працюють. Більше того, навіть їх колір може вплинути на результат. Тож приступайте до стилізації!

Персоналізація

Звіт Campaign Monitor показав, що компанії, які застосовують тактику персоналізації у розсилках, збільшують дохід на 760%. Використовуючи HTML, ви можете досягти цього показника за допомогою мультимедіа та динамічного контенту. Найпростіший приклад – це вставка імені клієнта шляхом додавання тексту тега >. Інший поширений приклад - включення до електронного листа фотографій додаткових товарів на основі історії покупок клієнта.

Цілісність бренду

Цілісність бренду є основним пріоритетом для ваших клієнтів.За звітом Lucid Press показав, що послідовно представлені бренди в 3,5 рази помітніші для покупців, а крос-платформна послідовність збільшує дохід на 10-20%. А завдяки повному творчому контролю ви можете створити особливий зовнішній вигляд та настрій ваших електронних листів, залишаючи знайому частинку бренду в кожному повідомленні.

Залучення

Нехай вас не відлякують дані про залучення HTML листів. Хоча у двох вищезгаданих експериментах спостерігалася нижча ефективність порівняно зі «звичайними текстами» (або спрощенішим HTML), аналіз понад 5000 кампаній, проведений компанією Vero, показав, що листи із зображеннями мають на 42% більший коефіцієнт переходу за посиланням. У той же час, за даними Martech Advisor, інтерактивний контент збільшує кількість переходів за посиланнями в середньому на 73% (при цьому відео збільшує цей показник на 300%).

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

Інтерактивність

HTML-листи підтримують динамічний та інтерактивний контент. Тому варто звернути увагу, як ці чинники впливають на віддачу. І знаєте, що? Дослідження Litmus, проведене у 2020 році, показало, що динамічний та інтерактивний контент підвищує рентабельність інвестицій у email-розсилки більш ніж на 100%.

Оскільки майбутнє email-маркетингу пов'язане з інтерактивним контентом, HTML допомагає подолати цей розрив. Він надає передплатникам більше функціональності та можливостей для взаємодії, ніж звичайний текст.

Коли слід використовувати plain-text листи

Робота з B2B продажами

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

З міркувань безпеки

Якщо ви звертаєтеся до представників галузі, пов'язаної з великою кількістю конфіденційної інформації (наприклад, ІТ чи фінансові послуги), то, швидше за все, їх системи фільтрації електронної пошти будуть «щасливі» отримати такий лист. Форматування звичайного тексту може дати вам додаткову гарантію, що ваше повідомлення буде побачено.

Коли слід використовувати HTML-листи

Для електронної комерції та електронних листів, орієнтованих на продукт

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

Для широкої взаємодії та брендованого контенту

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

Коли ви хочете звернутися до емоцій клієнтів

Як люди, ми спираємося не лише на факти та цифри. І як споживачі, ми не купуємо товар лише з опису. Емоції завжди переважують логіку.Саме тут у гру вступають захоплюючі візуальні образи, пропоновані HTML.

Коли ви хочете виміряти свій успіх

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

Коли слід використовувати «гібридні» HTML листи

Коли вам потрібна сталість бренду та близькість

Хочете стати ближчим, але при цьому не втратити імідж бренду? Гібридний лист допоможе вам вийти з клієнтами на розмову 1на1 і при цьому дотримуватись історії свого бренду, додаючи такі речі, як корисні посилання, верхні та нижні колонтитули та підписи до письма.

Для трансакційних електронних листів

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

Гібридні HTML листи не тільки забезпечують сталість вашого брендингу, а й забезпечують клієнтів корисними посиланнями, цінною інформацією та ефективними CTA, які спонукають до подальших дій. Це новий передплатник? Додати гіперпосилання на відповідні сторінки реєстрації. Він купив товар? Запропонуйте йому залишити відгук. Він отримав повідомлення про доставку? Додайте кнопку, щоб він міг перейти та відстежити своє замовлення. Гібридні електронні листи сприяють зміцненню відносин із брендом, забезпечуючи при цьому безперешкодну взаємодію.

Коли ви дійсно не хочете опинитися в папці для акцій

Якщо ви дійсно занепокоєні, спробуйте зменшити кількість зображень та інших HTML елементів, а потім протестуйте отриманий варіант листа.

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

Найкращі практики для Plain-text та HTML листів

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

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

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

Повірте, таких листів ніхто не виграє.

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

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

Хочете запустити email-розсилку, але не знаєте який формат вам підійде? Команда Handbox допоможе вам знайти відповідь на це запитання та оформить для вас листи, які відповідають усім побажанням.

Вам також буде цікаво

Реанімація email-каналу, в ході якого листів, що доставлялися, досягла 99,5%, а клікабельність і відкритість збільшилися в 4-5 разів.

Запущена нами welcome-серія збільшила щомісячний прибуток клієнта 70%.

Plain-текст- та HTML-листи: короткий огляд

Якому формату варто віддати перевагу для листів — plain-текст або HTML?

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

Тому давайте розглянемо обидва типи, щоб кожен міг вибрати відповідний варіант.

Plain текст і HTML: короткий огляд

Здавалося б, все дуже просто — але деякі моменти люди розуміють не зовсім коректно.

Що таке лист у форматі plain-тексту?

Це простий електронний лист, який містить звичайний текст. Його не можна оорматувати або додати посилання. Ми не можемо навіть застосувати кольори для тексту.

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

Що таке HTML-лист?

Абревіатура HTML означає HyperText Markup Language - "мова гіпертекстової розмітки". Цей формат дозволяє доставляти зображення та відео, вставляти посилання, оформляти текст різними кольорами.

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

А починаючи з 2019 року ми також маємо на увазі листи AMP HTML, коли говоримо про формат HTML, тому що AMP - це різновид HTML.

Якщо ви хочете дізнатися про подробиці створення AMP HTML-листів, пропонуємо прочитати тематичну статтю на нашому блозі.

Гібридні листи

Є також неофіційний тип листів, що називається «Гібрид».

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

Сьогодні листи такого типу часто використовуються в email-маркетингу.

HTML-листи та чистий текст: порівняння

Щоб знайти найбільш підходящий формат для вашої поточної кампанії, потрібно порівняти HTML та чистий текст:

1. Доставляння

Є думка, що звичайні текстові листи мають кращу доставлюваність. Але це зовсім так. Доставлюваність залежить від репутації відправника, але не від типу листів.

Переможець:

Тут переможця немає — в обох форматів показники доставки однакові.

2. Прості текстові листи потрапляють до папки «Вхідні»

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

А особисті листи зазвичай містять лише кілька посилань.

Але якщо ви надсилаєте масові розсилки у форматі чистого тексту, вони, швидше за все, потраплять до «Промо». Як мінімум, з двох причин:

• кількість посилань;
• посилання для відписки в кінці листа – це обов'язкова умова для всіх масових розсилок незалежно від формату.

Переможець:

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

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

3. Відкриття

Оскільки всі масові розсилки потрапляють до «Промо» — зрозуміло, якщо передплатники використовують цю функцію Gmail, обидва формати мають рівні шанси бути відкритими.

Крім того, клієнти можуть не знати, чи текстовий вхідний лист або HTML.

Але в деяких ESP немає можливості виміряти Open Rate для листів у форматі plain text – ця метрика відстежується лише для HTML-листів.

Переможець:

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

4. Аналітика

Листи у форматі HTML відстежувати простіше.

Переможець:

5. Доступність

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

Переможець:

Прості текстові листи.

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

6. Інтерактивність та залучення користувачів

Ви можете залучити користувачів та переконати їх купувати у вас за допомогою ефективного тексту.

Проте зображення дійсно підвищують CTOR.

Переможець:

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

7. Процес створення листів

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

Але сьогодні ви можете легко створювати привабливі HTML-листи без будь-яких навичок програмування.

У сучасних ESP прийнято надавати користувачам простий у використанні drag-n-drop редактор, який допоможе легко створювати листи у форматі HTML.

Якщо ваш ESP пропонує тільки HTML-редактор, ви можете створювати листи за допомогою Stripo або будь-якого іншого конструктора шаблонів з цього списку.

Переможець:

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

HTML чи чистий текст: що вибрати для кампаній?

Давайте розділимо email-кампанії на три основні групи:

Особисті листи

Для особистого листування краще використовувати текстові листи.

Розсилки для email-маркетингу

Визначено листи у форматі HTML.

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

Для транзакційних листів як сектору email-маркетингу також варто використовувати HTML, щоб зробити кнопки помітнішими.

Розпродажі та «холодні» розсилки

Тут найкращий вибір – гібридні листи.

На завершення

Ми порівняли листи у форматі HTML та plain text. Всі типи хороші, всі формати потрібні для вашого бізнесу.

Тому використовуйте обидва типи для зв'язку з клієнтами та передплатниками.

У Stripo ви легко створите і HTML, і гібридні листи!