EMX TOOLS: бесплатные сервисы для быстрой верстки и настройки писем
В каждой компании есть свои маленькие хитрости, которые позволяют решать задачи быстрее и эффективнее. В EMAILMATRIX отдел разработки всегда думает на шаг вперёд. Они автоматизировали некоторые этапы вёрстки и настройки писем. Сначала мы хотели оставить эти сервисы при себе. Но зачем скрывать такую красоту? Обернули их в приятный интерфейс, сделали понятное описание и рады поделиться ими с вами.
EMX TOOLS — это 6 бесплатных полезных сервисов. Они сократят время работы над письмами не только верстальщикам и техническим специалистам, но и емейл-маркетологам.
Background Generator
Outlook (2007–2016) — капризный почтовый клиент. У него ограничена поддержка CSS, например, он не поддерживает работу с фоновыми изображениями. Чтобы обойти эту особенность, используют VML — язык векторной разметки от Microsoft.
С Background Generator проще сформировать html-контейнер с VML-блоком. Укажите абсолютный или относительный адрес изображения, альтернативный фоновый цвет и размеры фонового блока (можно задать динамическую высоту, исходя из контента). Скопируйте полученный код в тело письма и проверьте отображение фона.
Что делает Background Generator
- формирует код для фоновых изображений,
- сокращает время на вёрстку письма,
- исключает человеческий фактор при работе с VML-блоком.
Email Sharing
Социальные сети — неотъемлемая часть интернет-маркетинга. Они формируют лояльность и привлекают новых клиентов. Пользователи охотно делятся с друзьями полезным контентом.
Емейл-маркетологи давно просекли эту фишку. Например, AnyWayAnyDay добавили в рассылки возможность рассказать об интересной акции или лайфхаках:
Шаринг внешнего контента в социальных сетях имеет одну неприятную особенность. Весь контент, что видят пользователи, они подтягивают из OG-тегов с расшариваемой страницы. Если на сайте не прописана необходимая картинка, текст и описание, результат будет далёк от желаемого.
В Email Sharing можно обойти дефолтные настройки OG-тегов. Задайте актуальные для текущего письма изображение, тему и описание, пропишите ссылку. Для каждой соцсети сформируется код. Проверьте, как пользователь увидит расшаренное письмо. Скопируйте необходимый код и вставьте в тело емейл-сообщения.
Если с настройками по умолчанию у вас всё хорошо, поставьте галочку «парсить данные с сайта». Тогда социальная сеть покажет то, что прописано в OG-тегах на сайте.
Что делает Email Sharing
- формирует ссылку шаринга,
- кастомизирует карточку шаринга,
- увеличивает лояльность подписчиков,
- привлекает новых клиентов.
Event Generator
В письмах анонсируют начало промоакций, вебинаров, приглашают на офлайн-мероприятия. Подписчик может забегаться и забыть о них. Чтобы этого не произошло, разместите в рассылке возможность добавить событие в личный календарь пользователя. Как это работает, мы писали в статье «Полезные рассылки: события, о которых не забудут».
Вручную программный код для календаря формировать неудобно и долго. Сторонние сервисы автоматизации в качестве рекламы добавляют нежелательную ссылку на себя.
В Event Generator календарь настраивается через веб-интерфейс или по API (в скором времени анонсируем эту фишку). Никакие сторонние ссылки добавляться не будут.
На примерах интерфейса календарей Outlook и iCal видно, какие поля предзаполнены у пользователя, если добавить событие через Event Generator.
Что делает 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. Он сократит время на настройку письма, разберёт код письма, найдёт все ссылки и выведет их отдельным списком. Вам останется прописать или скорректировать ссылку.
Сервис автоматически проверит и сообщит об их корректности — ошибки синтаксиса или недоступный url (страница недоступна — 403, 404, 500).
Что делает Map Linker
- ускоряет процесс настройки письма,
- проверяет ссылки на корректность и доступность, исключая необходимость ручного «прокликивания»,
- упрощает работу с utm-метками.
CSS Guide
Полный справочник по селекторам, стилевым свойствам и их значениям. В отличие от зарубежного аналога, мы ориентировались на российский рынок. В CSS Guide добавлена информация о Yandex, Mail.ru, Rambler, а также мобильные приложения, популярные именно у нас. Справочник постоянно обновляется. Мы стараемся поддерживать его актуальность.
Регистрируйтесь в EMX TOOLS. Пользуйтесь сервисами. Пишите свои рекомендации по улучшению инструментов.
