Будьте в курсе последних новостей интернет-маркетинга
Будьте в курсе последних новостей интернет-маркетинга
Будьте в курсе последних новостей интернет-маркетинга

EMX TOOLS: 6 бесплатных сервисов для быстрой вёрстки и настройки писем

emx tools

В каждой компании есть свои маленькие хитрости, которые позволяют решать задачи быстрее и эффективнее. В EMAILMATRIX отдел разработки всегда думает на шаг вперёд. Они автоматизировали некоторые этапы вёрстки и настройки писем. Сначала мы хотели оставить эти сервисы при себе. Но зачем скрывать такую красоту? Обернули их в приятный интерфейс, сделали понятное описание и рады поделиться ими с вами.

EMX TOOLS — это 6 бесплатных полезных сервисов. Они сократят время работы над письмами не только верстальщикам и техническим специалистам, но и емейл-маркетологам.

Background Generator

Outlook (2007–2016) — капризный почтовый клиент. У него ограничена поддержка CSS, например, он не поддерживает работу с фоновыми изображениями. Чтобы обойти эту особенность, используют VML — язык векторной разметки от Microsoft.

С Background Generator проще сформировать html-контейнер с VML-блоком. Укажите абсолютный или относительный адрес изображения, альтернативный фоновый цвет и размеры фонового блока (можно задать динамическую высоту, исходя из контента). Скопируйте полученный код в тело письма и проверьте отображение фона.

service background

Что делает Background Generator

  • формирует код для фоновых изображений,
  • сокращает время на вёрстку письма,
  • исключает человеческий фактор при работе с VML-блоком.

Email Sharing

Социальные сети — неотъемлемая часть интернет-маркетинга. Они формируют лояльность и привлекают новых клиентов. Пользователи охотно делятся с друзьями полезным контентом.

Емейл-маркетологи давно просекли эту фишку. Например, AnyWayAnyDay добавили в рассылки возможность рассказать об интересной акции или лайфхаках:

AnyWayAnyDay

Шаринг внешнего контента в социальных сетях имеет одну неприятную особенность. Весь контент, что видят пользователи, они подтягивают из OG-тегов с расшариваемой страницы. Если на сайте не прописана необходимая картинка, текст и описание, результат будет далёк от желаемого.

social sharing

В Email Sharing можно обойти дефолтные настройки OG-тегов. Задайте актуальные для текущего письма изображение, тему и описание, пропишите ссылку. Для каждой соцсети сформируется код. Проверьте, как пользователь увидит расшаренное письмо. Скопируйте необходимый код и вставьте в тело емейл-сообщения.

service sharing

Если с настройками по умолчанию у вас всё хорошо, поставьте галочку «парсить данные с сайта». Тогда социальная сеть покажет то, что прописано в OG-тегах на сайте.

Что делает Email Sharing

  • формирует ссылку шаринга,
  • кастомизирует карточку шаринга,
  • увеличивает лояльность подписчиков,
  • привлекает новых клиентов.

Event Generator

В письмах анонсируют начало промоакций, вебинаров, приглашают на офлайн-мероприятия. Подписчик может забегаться и забыть о них. Чтобы этого не произошло, разместите в рассылке возможность добавить событие в личный календарь пользователя. Как это работает, мы писали в статье «Полезные рассылки: события, о которых не забудут».

Вручную программный код для календаря формировать неудобно и долго. Сторонние сервисы автоматизации в качестве рекламы добавляют нежелательную ссылку на себя.

В Event Generator календарь настраивается через веб-интерфейс или по API (в скором времени анонсируем эту фишку). Никакие сторонние ссылки добавляться не будут.

service event

На примерах интерфейса календарей Outlook и iCal видно, какие поля предзаполнены у пользователя, если добавить событие через Event Generator.

event example

Что делает Event Generator

  • создаёт ICS и Google-календари,
  • не требует оплаты и не даёт ссылку на себя,
  • напоминает пользователю о вашем событии.

Test Sender

Тестирование емейл-сообщений на «живых устройствах» — самый надёжный способ. Популярные сервисы EmailOnAcid и Litmus никогда не вытеснят его полностью.
Можно отправить письмо на тестовые ящики через ваш ESP. Что на первый взгляд логично. Но и тут есть подводные камни — вы столкнётесь с ожиданием и очередями, и не у всех верстальщиков есть доступ к платформе.

Test Sender в первую очередь поможет html-специалистам посмотреть, как выглядит емейл-сообщение в почтовых клиентах «живых устройств». Отправьте полностью настроенное письмо с прописанными ссылками на изображениями или «сырую» вёрстку в виде zip-архива по небольшой базе сидовых (тестовых) емейл-адресов, используя ваш smtp-сервер или настройки обычного почтового аккаунта на Mail.ru, Yandex, Gmail и других.

Что делает Test Sender

  • позволяет верстальщикам быстро тестировать письма,
  • не использует ESP,
  • отправляет «сырую» вёрстку в виде архива.

Map Linker

Емейл-маркетолог — специалист-«многоручка». Основная его роль — маркетолог, но он должен уметь чуть-чуть дизайнить, писать, верстать и настраивать письма в емейл-платформе.

Изменились ссылки, нужно ASAP поменять их в настроенном письме, а верстальщик или техспециалист заняты другими делами? Маркетологу ничего не остаётся, как лезть в код и делать всё самому. Полез, сделал. Отправил тест — и о ужас! — вся вёрстка поползла вкривь и вкось. Знакомая ситуация?

Как её избежать? Воспользуйтесь Map Linker. Он сократит время на настройку письма, разберёт код письма, найдёт все ссылки и выведет их отдельным списком. Вам останется прописать или скорректировать ссылку.

service maplinker example

Сервис автоматически проверит и сообщит об их корректности — ошибки синтаксиса или недоступный url (страница недоступна — 403, 404, 500).

Что делает Map Linker

  • ускоряет процесс настройки письма,
  • проверяет ссылки на корректность и доступность, исключая необходимость ручного «прокликивания»,
  • упрощает работу с utm-метками.

CSS Guide

Полный справочник по селекторам, стилевым свойствам и их значениям. В отличие от зарубежного аналога, мы ориентировались на российский рынок. В CSS Guide добавлена информация о Yandex, Mail.ru, Rambler, а также мобильные приложения, популярные именно у нас. Справочник постоянно обновляется. Мы стараемся поддерживать его актуальность.

service css guide

Регистрируйтесь в EMX TOOLS. Пользуйтесь сервисами. Пишите свои рекомендации по улучшению инструментов.

Поделиться статьёй:
Комментарии