ТОП 8 сервісів для тестування верстки листів перед розсилкою | Блог eSputnik

Наталя Устименко

Head of Direct Marketing

Litmus, Email on Acid... Де тестувати email-розсилку перед відправленням?

Litmus, Email on Acid... Де тестувати email-розсилку перед відправленням?

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

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

Сервіси для тестування верстки листів

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

Litmus — сервіс для аналізу і тестування листів

Найпопулярніший онлайн-сервіс для перевірки листів — Літмус. І не лише завдяки функціоналу їхнього сервісу, але також експертному блогу та відеоконтенту. Компанія вивчає особливості всіх поштовиків, описує оновлення, вивчає ринок. Тому їх можна справедливо вважати одними з провідних експертів у галузі емейл-маркетингу.

Litmus - онлайн-сервіс для перевірки листів

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

Що таке тестування верстки листів у Litmus і як це працює?

Цей сервіс перевірить ваш шаблон листа у 70+ поштових клієнтах і на пристроях за лічені секунди:

  • Підсвітить непрацюючі посилання

  • Знайде зображення без альт-тексту

  • Покаже відображення листа в різних браузерах тощо

Як працює Літмус-тест?

  1. Ви відправляєте тестовий лист.

  2. Сервіс відкриває лист у різних поштових клієнтах. Варто зазначити, що для тестів використовуються не емулятори, а реальні пристрої.

  3. Litmus за лічені секунди робить скріншоти вигляду вашої розсилки в різних поштових клієнтах і на пристроях.

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

Litmus-test

Погодьтеся, щоб запустити таке тестування email-листів без допомоги сторонніх програм, доведеться витратити купу часу, запастися сотнею пристроїв і облікових записів. А так усе готово за лічені хвилини.

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

Як працює Litmus Builder?

У редакторі листів ви можете:

  • верстати листи з нуля,

  • завантажити готовий код через zip або просто скопіювавши його,

  • вибрати готові шаблони для редагування.

Робота з листом здійснюється тільки в HTML і CSS.

Тестування листів

Після того, як ви створили свій лист, можна відразу протестувати його в різних поштовиках, клікнувши кнопку "Run Email Preview".

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

Тестувати листи безкоштовно в eSputnik

Subject Line Checker

Перевіряє вашу тему і показує попередній перегляд у режимі реального часу в понад 15 популярних поштових клієнтах. Щоб отримати доступ до інструмента, натисніть в меню «View» і виберіть «Subject Line Checker».

Тестування теми листа

Subject Line Checker автоматично заповнить поле «From» на основі вашої адреси облікового запису Litmus та рядку теми із заголовком документа Builder і підсвітить різного роду помилки. Поки що підтримується тільки перевірка англійською.

Де знайти Spam test?

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

Spam-тест

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

Резюме:

Ціна питання: від $99 для одного користувача лише за прев’ю листів. Від $199 за повний пакет послуг.

Безкоштовний тестовий період: доступний протягом семи днів.

4 з 5. Очевидні мінуси за те, що не завжди можна виявити проблеми з листами, при цьому ціна досить висока. Навіть у платних річних тарифах є обмеження на відправлення листів.

Оцінка за п'ятибальною шкалою: ★ ★ ★ ★ ☆

Альтернативи Litmus Email Testing?

Сьогодні Litmus є найпопулярнішим сервісом, але при цьому і найдорожчим. Проте є альтернативи для Litmus, як платні, так і безкоштовні. Звичайно, вибір того чи іншого сервісу залежить від інструментів, які ви будете використовувати для тестування.

Нижче ми розглянемо не менш ефективні сервіси тестування верстки листів.

Email on Acid

Аналог Litmus, цей веб-сервіс містить Тестування Листів, Редактор HTML, Спам-тестер; також є блог із профільними статтями на теми штучного інтелекту, верстки, дизайну тощо.

Email on Acid

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

Тестування листів на різних пристроях 

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

Серед недоліків: невелика кількість пристроїв з Android.

Campaign Precheck (new!)

Якщо в Літмус-тесті перевірка перед відправленням розсилки передбачає і тести посилань, і підказки з верстки, то в Email on Acid для зручності користувачів це виділили це в окрему опцію, доступну в усіх платних тарифах.

Find and Fix

До нової функціональності входять такі пункти:

  • Перевірка accessibility (доступності) електронної пошти. Тобто сервіс допоможе зробити ваш лист зручнішим для читання людям із порушенням зору та кольоросприйняття або з дислексією. Крім рекомендацій з оформлення листа, ваша розсилка також буде правильно відтворюватися в програмах для зчитування тексту з екрану.
  • Попередній перегляд передзаголовка. Campaign Precheck покаже прехедер і рядок теми в 15 найпопулярніших поштових клієнтах. Переконайтеся, що назва відображається саме так, як ви задумали, і не дійде до казусів, якщо тему буде обрізано.
  • Перевірка URL. Сервіс просканує вашу емейл-розсилку і перевірить, чи коректно вказані посилання. Також ви можете завантажувати електронну таблицю з усіма URL-адресами, щоб Precheck порівняв їх з вашим HTML.
  • Перевірка зображень. Можна налаштовувати фіксовані розміри картинок і задавати Gif-кам перший кадр, який відобразиться, якщо картинка буде статичною.

Резюме:

Ціна питання: від $25 за оплату денного тарифу без обмеження за кількістю тестів.

Безкоштовний доступ: Пробна версія на 7 днів.

5 із 5 за співвідношення ціна/якість. Немає обмежень на відправлення листів для тестування.

Оцінка за п'ятибальною шкалою: ★ ★ ★ ★ ★

Last post

EmailPreviewServices

Сервіс перевірки електронної пошти, що надає скріншоти з 50+ браузерів і додатків, які вони підтримують. Компанія надає не емуляцію, а тільки справжні пристрої. Ви можете вибирати, на яких конкретно пристроях проводитиметься тестування.

EmailPreviewServices

Отриманими результатами також можна ділитися за посиланням.

Результати тестування EmailPreviewServices

Також у сервісі доступні Спам-тест та Аналітика. Повний перелік інструментів вказано в лівому меню.

Зупинимося докладніше на Spam Check

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

Перевірка Spam Check

У звіті підсвічуються помилки в HTML, неправильно зазначені посилання або картинки.

Сервіс перевіряє, що показує html-аналізатор, до якої папки потрапляють листи (до спаму або в інбокс), і допомагає виправити проблеми ще до початку масової розсилки.

Пошук помилок в EmailPreviewServices

Резюме:

Ціна починається від $25 на місяць і включає до себе безлімітні тести на Email Preview. На відміну від конкурентів, що лімітують за тестами.

4 з 5: протягом останнього року компанія значно покращила сервіс і функціонал. Величезний плюс за невисоку оплату за місяць — значно дешевше, ніж у конкурентів.

Оцінка за п'ятибальною шкалою:★ ★ ★ ★ ☆

InboxInspector

Безкоштовний веб-сервіс, який перевірить ваш шаблон у Gmail на Chrome і Outlook на Windows. Сервіс покаже, як виглядатиме ваше повідомлення, навіть якщо зображення будуть заблоковані.

InboxInspector

Для перевірки листа у вас є три варіанти:

  • Відправлення листа. Сервіс згенерує випадковим чином емейл, на який потрібно відправити тест.

  • Вставка коду HTML.

  • Вставка посилання на лист.

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

Тестування листів

Із цікавого — є внутрішня система оцінки Inbox Inspector, яка допомагає оцінити попередній перегляд ваших повідомлень. Також є внутрішні кнопки «вгору/вниз» для оцінки повідомлень. Кожного разу, коли ви вважаєте, що відображення вашого повідомлення відповідає вашим очікуванням, ви можете його лайкнути, тим самим позначивши, який варіант листа є правильним.

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

Резюме:

Ціна за сервіс: безкоштовно, оскільки кількість поштовиків є обмеженою.

1 із 5 за те, що це лише рекламний сервіс, який по суті нічого не дає.

Оцінка за п'ятибальною шкалою: ★ ☆ ☆ ☆ ☆

Testi@

Підтримує 60+ поштових клієнтів. Ви можете завантажити ваш лист у вигляді архіву, через HTML або надіславши листа на тестову поштову адресу.

Testi@

При відправленні листа відкривається попередній перегляд, де відображається HTML-код і лист у поштовику. Праворуч підсвітяться можливі проблеми, які були виявлені в коді; ознайомитися з переліком ви зможете, лише сплативши один з тарифів.

Тестування коду листа в Testi@

Резюме:

Ціна питання: Денний тариф стартує від $5 або $7 за два дні.

У тарифі FREE дозволені тільки Gmail та Yahoo.

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

Оцінка за п'ятибальною шкалою: ★ ★ ★ ☆ ☆

Htmlemailcheck.com

Якщо ви купуєте готові шаблони або пишете код вручну, краще перевірити їх на коректність, перш ніж відправляти клієнтам. Це безкоштовний інструмент для перевірки розмітки (HTML, XHTML, CSS) емейл-розсилок на 70+ різних пристроях і в поштовиках.

Htmlemailcheck

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

Резюме:

Ціна питання: від $14,95 на місяць

Безкоштовно: тільки перевірка коду листа.

4 з 5 за відсутність тріального періоду. Очевидний плюс — найприємніший і найзручніший інтерфейс серед інших сервісів.

Оцінка за п'ятибальною шкалою: ★ ★ ★ ★ ☆

Mail Tester (поза тематикою)

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

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

Mail-tester

Зазначений сервіс варто розглянути в цій самій статті, оскільки окремі сервіси для тестування листів пропонують аналогічну послугу за додаткову плату. Тож можна не купувати, а просто скористатися Mail-tester як доповненням.

Чому Mail-tester такий простий і доступний?

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

Mail-tester

Щойно равлик зупиниться — вашу емейл-розсилку буде виявлено ​​і ви побачите результати за звітом спам-балів та рекомендації, як покращити лист.

Слід пам'ятати, що:

  • Результат буде доступний протягом 7 днів у безкоштовній версії або 30 днів, якщо ви створили обліковий запис.

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

  • У безкоштовній версії є лише три тести на день.

Як підраховуються бали?

Максимальний результат — 10/10, і вам будуть надані підказки, що треба виправити в листі, аби покращити показники. Наприклад:

  • Проставити Альт-текст

  • Додати більше тексту

  • Налаштувати SPF та DKIM тощо.

Перевірка спам балів на Mail-tester

Резюме:

Ціна питання: від €50 за 500 тестів. При цьому зберігається вся історія відправлень і статистика за листами.

Безкоштовно: 4 тести на день.

Оцінка за п'ятибальною шкалою: ★ ★ ★ ★ ★

Google AMP Playground

Останнім часом доволі сильним є ажіотаж навколо AMP в email-розсилках. Ця технологія дозволяє користувачеві виконувати дії безпосередньо всередині листа: проходити опитування, заповнювати форми, переглядати каталоги тощо.

Приклад АМП в листі

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

Створіть свою AMP-розсилку

Як працює AMP-validator від Google?

Сервіс складається з таких частин:

Тестування amp-листів

  1. Вибір AMP-елемента. За замовчуванням це завжди карусель.

  2. Поле, де необхідно завантажити HTML-версію листа для перевірки AMP-контенту або створити його просто тут.

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

  4. Статус валідації: є помилки в коді чи ні.

  5. Кнопка SEND для відправлення AMP-елементів собі на пошту. Перед відправленням перетягніть повзунок "Include proxy assertion token in XHR requests from playground"

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

Вибір АМП-елементів для листа

Як використовувати AMP-валідатор для відправлення заявки на whitelisting у Gmail?

Щоб відправляти масові розсилки з AMP-елементами, треба отримати на це дозвіл від Google. Усі кроки щодо подання заявки для підключення AMP — у нашій інструкції.

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

Валідація АМП-листів

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

Після внесення всіх виправлень статус валідації зміниться на "PASS"

Успішна валідація коду листа

Отже, у користувача такий лист буде коректно відображатися, і його можна відправляти в Google на перевірку.

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

Що додати?

Сьогодні playground вже є вбудованим до редактора eSputnik та Stripo.email. Тож можна не вивантажувати/завантажувати листи, а виправляти всі недоліки безпосередньо в сервісі.

Резюме:

Ціна питання: безкоштовно

5 із 5 за співвідношення ціна/якість.

Оцінка за п'ятибальною шкалою: ★ ★ ★ ★ ★

Висновки

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

Бажаєте протестувати вашого листа? Реєструйтеся в нашій системі — для наших користувачів ми надаємо перевірку листа в сервісі Email on Acid безкоштовно.

До нових зустрічей у нашому блозі! :)

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

Наталя Устименко

Head of Direct Marketing

Коментарі 0

З цим читають