Содержание

    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. Пользуйтесь сервисами. Пишите свои рекомендации по улучшению инструментов.

    Array
    (
        [0] => WP_Term Object
            (
                [term_id] => 1425
                [name] => Статьи
                [slug] => articles
                [term_group] => 0
                [term_taxonomy_id] => 1907
                [taxonomy] => category
                [description] => 
                [parent] => 0
                [count] => 540
                [filter] => raw
                [cat_ID] => 1425
                [category_count] => 540
                [category_description] => 
                [cat_name] => Статьи
                [category_nicename] => articles
                [category_parent] => 0
            )
    
    )
    
    Поделиться статьёй
    Подписаться на рассылку