Контекстные элементы для email-рассылок. Что это?

Контекстные элементы для email-рассылок. Что это?

  • 1
  • 2
  • 3
  • 4
  • 5
Всего голосов: 21 средняя оценка: 4.82 (рейтинг: 96%)

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

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

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

Счётчики

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

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

Таймер в письме

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

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

Пример счётчика в емейл-рассылке

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

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

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

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

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

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

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

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

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

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

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

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

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

Персонализация на картинках

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

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

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

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

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

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

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

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

<img 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. Если изображение размещено на ваших серверах - попросите ваших программистов заменить файл на сервере на новый.

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

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

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

Только для подписчиков: 
НЕ Только для подписчиков

Добавить комментарий

Юля :)
10:33, 24 октября 2017

Очень полезная статья! Об одном из сервисов не знала и все так по полочкам, как люблю, разложено. Спасибо, Наталочка

Наталья Устименко
natalia.ustimenko
11:58, 24 октября 2017

Спасибо:) Чаще всего идеи таких статей возникают после общения с нашими клиентами. Хочется систематизации знаний и понимания чем один инструмент отличается от другого, в каких случаях приносит пользу или вред.

Вскоре опубликуем большой материал о динамическом контенте. Уверенна, это будет ещё интереснее :)

Контекстные элементы для email-рассылок. Что это?