Использование контекстных элементов в email-рассылках

Мы долго думали как назвать тип писем, в которых можно менять содержимое после отправки. Вариант "agile" не совсем будет корректным. Может, динамические? Нет, это скорее емейл-рассылки, что строятся в момент отправки или перед отправкой. Интерактивные? Тоже нет, ведь в интерактивность предполагает, что подписчик может взаимодействовать с письмом. Поэтому остановились на таком сложном, но наиболее подходящем определении, как контекстуальные или контекстные.

Контекстные элементы в письмах. Что это?

Письмо создаётся заранее и в нём прописываются отдельные элементы, которые будут подставляться в момент открытия письма в зависимости от уникальной информации получателя, например, внешних факторов (локации, часового пояса и т.д.)

Счётчики

Реализуется с помощью: NiftyImages, MotionMail, realtime и т.д.

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

Для создания счётчика нужно выбрать оформление, прописать все параметры, которые указаны на скриншоте: срок действия, шрифты, часовой пояс и т.д.

При сохранении вы получаете таймер в следующем виде:

и готовый код:

src="http://s.mmgo.io/t/lWQ" alt="motionmailapp.com" />

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

Из недостатков:

• мало вариантов счётчиков
• нет счётчиков на прозрачном фоне
• нет возможности делать счётчики без подписей: дата/ время

В eSputnik мы разработали свой вариант таймеров, в скором времени он появится, а для наших клиентов пока добавляем их с помощью MotionMail.

Персонализированные картинки и баннера

Реализуется с помощью: NiftyImages и т.д.

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

Пример тестового загруженного мною баннера.

Код для вставки:

src="https://img1.niftyimages.com/j85/rhy/vgc?txt=FIRSTNAME" />

Картинка выглядит так:

Как и в обычной рассылке, после отправки каждый увидит своё имя или любую другую переменную, которая вам нужна.

Что хорошо в сервисе:

• Тарификация по открытиям писем
• Подготовка картинки не занимает много времени
• Есть готовые картинки или можно загрузить свою
• Возможно добавить свои шрифты, что важно, если у вас баннера всегда с корпоративным шрифтом
• Можно менять картинку после того, как письмо отправлено

Бесплатная альтернатива - добавить картинку в фон, но… что будет если ваша картинка не отобразится в почтовике? Поэтому лучше доверить картинки проверенному сервису, а фоновые изображения использовать в качестве декоративных элементов.

Последние обновления из Instagram и Pinterest

Реализуется с помощью: NiftyImages, realtime и т.д.

Очень простой инструмент в использовании. Всё что нужно - указать Instagram User и подставятся фото пользователя. Давайте посмотрим на моём аккаунте.

Код для вставки:

src="https://img1.niftyimages.com/j85/7hy/bgc" />

Как выглядят картинки:

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

Что хорошо в сервисе:

• Регулировка размеров картинок и их количества в одном блоке
• Выбор рамки, тени и фонового цвета
• Простота в использовании

Из всех - это пока самый быстрый по настройке и освоению инструмент. Меня NiftyImages позабавили, а Дмитрий Кудренко настроен скептически, ведь можно блок с соц. сетями сделать вручную и красивее) Сошлись на том, что в качестве баловства подойдёт.

Подстановка погоды | местного времени

Реализуется с помощью: realtime, kickdynamic, liveclicker и т.д.

Это настолько магический сервис, что когда вы заходите посмотреть галерею шаблонов о погоде на сайте realtime - в каждом письме будет прогноз на сегодня и с вашей локацией!

Например, вы будете из этого скрина знать день, когда я готовила статью и в каком городе.

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

Из недостатков:

• Мне не дали код для тестирования :(
• Можно отправлять тесты из сервиса. Письма довольно красивые, но функции у меня отработали не все. Например, стирать скретч покрытие в письме у меня не получилось - всё время перекидывало на сайт.

Поиграться можно, но лучше проверяйте как всё отработает в вашем регионе и вашем сервисе.

Адаптивность

Почему это можно отнести к контекстным письмам? Одно и то же письмо будет выглядеть немного иначе на разных устройствах, опять же письмо будет строиться в реальном времени.

• Перестраивание блоков

Для этого практически не нужно прилагать усилия. Если пользователь открывает письмо на мобильном - письмо подстраивается под размеры устройства.

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

• Отображение / скрытие отдельных блоков

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

Например, в этом письме мы не хотим видеть так много текста и скрываем это от нашего подписчика. В eSputnik адаптивность или отображение блоков не требует дополнительной работы с кодом и переключается в несколько кликов.

Замена ссылок в отправленном письме (beta)

Сейчас мы тестируем эту функциональность с отдельными компаниями и используется она когда:

• письмо ушло с неправильной ссылкой
• акция закончилась и нужно уводить на другую страницу
• товар закончился

Техническая реализация:

1. Все ссылки в сервисе оборачиваются в ссылки, в этот момент строятся метки, собирается статистика и определяется, куда нужно вести пользователя. Если отслеживание кликов не включено, мы не можем исправить вашу неправильную / плохую ссылку.

2. Обратите внимание: ТЕКСТ ссылки нельзя менять, только саму ссылку, которая прячется под текстом.

3. Подстановка utm-меток будет работать, как и в старой ссылке.

4. Изменения применяются в течение 10-15 минут во всех отправленных письмах. Пользователи, которые перешли по неправильной ссылке, к сожалению, вряд ли будут второй раз заходить в письмо - им лучше отправить новое письмо.

Из недостатков: так делают спамеры и почтовики могут к этому относиться настороженно. Могут, но в нашей практике пока такого не было и у вас не будет если всё использовать в пределах разумного.

Замена картинок в отправленном письме (beta)

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

С картинками немного сложнее, чем со ссылками - они могут кэшироваться и новую картинку увидят только те, кто открыл письмо после её изменения. Чтобы избежать этого - каждая картинка должна иметь уникальный url, например https://domain.com/repository/images/image2.jpg?gid=$contactId

Следует учитывать, что:

1. Новая картинка должна быть названа тем же именем файла, что и исходная.

2. Она должна располагаться по тому же адресу, что и исходная.

3. Если изображение размещено на ваших серверах - попросите ваших программистов заменить файл на сервере на новый.

Пока эта функциональность доступна для доверенных организаций и пользователей, вскоре откроем для всех юзеров, когда добавим ручную модерацию ссылок.

Как видим, после отправки письмо может меняться и не всегда для этого требуется много усилий. Емейл-маркетинг никогда не будет прежним и это радует:)

До новой встречи! :)