18 октября 2017
5364
15 мин
3.44
Использование контекстных элементов в 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" />
Картинка выглядит так:
Как и в обычной рассылке, после отправки каждый увидит своё имя или любую другую переменную, которая вам нужна.
Что хорошо в сервисе:
-
Тарификация по открытиям писем
-
Подготовка картинки не занимает много времени
-
Есть готовые картинки или можно загрузить свою
-
Возможно добавить свои шрифты, что важно, если у вас баннера всегда с корпоративным шрифтом
-
Можно менять картинку после того, как письмо отправлено
Бесплатная альтернатива - добавить картинку в фон, но… что будет если ваша картинка не отобразится в почтовике? Поэтому лучше доверить картинки проверенному сервису, а фоновые изображения использовать в качестве декоративных элементов.
Эффективный email-маркетинг с eSputnik
Последние обновления из Instagram и Pinterest
Реализуется с помощью: NiftyImages, realtime и т.д.
Очень простой инструмент в использовании. Всё что нужно - указать Instagram User и подставятся фото пользователя. Давайте посмотрим на моём аккаунте.
Код для вставки:
src="https://img1.niftyimages.com/j85/7hy/bgc" />
Как выглядят картинки:
Информация всегда будет актуальной, автоматически обновляясь при каждом открытии письма.
Что хорошо в сервисе:
-
Регулировка размеров картинок и их количества в одном блоке
-
Выбор рамки, тени и фонового цвета
-
Простота в использовании
Из всех - это пока самый быстрый по настройке и освоению инструмент. Меня NiftyImages позабавили, а Дмитрий Кудренко настроен скептически, ведь можно блок с соц. сетями сделать вручную и красивее) Сошлись на том, что в качестве баловства подойдёт.
Подстановка погоды | местного времени
Реализуется с помощью: realtime, kickdynamic, liveclicker и т.д.
Это настолько магический сервис, что когда вы заходите посмотреть галерею шаблонов о погоде на сайте realtime - в каждом письме будет прогноз на сегодня и с вашей локацией!
Например, вы будете из этого скрина знать день, когда я готовила статью и в каком городе.
В этом же сервисе есть персональный трекер заказа, но для него нужна интеграция.
Из недостатков:
-
Мне не дали код для тестирования :(
-
Можно отправлять тесты из сервиса. Письма довольно красивые, но функции у меня отработали не все. Например, стирать скретч покрытие в письме у меня не получилось - всё время перекидывало на сайт.
Поиграться можно, но лучше проверяйте как всё отработает в вашем регионе и вашем сервисе.
Адаптивность
Почему это можно отнести к контекстным письмам? Одно и то же письмо будет выглядеть немного иначе на разных устройствах, опять же письмо будет строиться в реальном времени.
-
Перестраивание блоков
Для этого практически не нужно прилагать усилия. Если пользователь открывает письмо на мобильном - письмо подстраивается под размеры устройства.
То есть письмо перестраивается для удобной читаемости, блоки будут отображаться один за другим в указанном порядке.
-
Отображение / скрытие отдельных блоков
Пользователь вряд ли хочет читать длинные простыни на своём устройстве, да и если просматривает письма с мобильного это не очень удобно. В нашем редакторе для этого есть специальная возможность отключать те или иные блоки на мобильном.
Например, в этом письме мы не хотим видеть так много текста и скрываем это от нашего подписчика. В eSputnik адаптивность или отображение блоков не требует дополнительной работы с кодом и переключается в несколько кликов.
Замена ссылок в отправленном письме (beta)
Сейчас мы тестируем эту функциональность с отдельными компаниями и используется она когда:
-
письмо ушло с неправильной ссылкой
-
акция закончилась и нужно уводить на другую страницу
-
товар закончился
Техническая реализация:
-
Все ссылки в сервисе оборачиваются в ссылки, в этот момент строятся метки, собирается статистика и определяется, куда нужно вести пользователя. Если отслеживание кликов не включено, мы не можем исправить вашу неправильную / плохую ссылку.
-
Обратите внимание: ТЕКСТ ссылки нельзя менять, только саму ссылку, которая прячется под текстом.
-
Подстановка utm-меток будет работать, как и в старой ссылке.
-
Изменения применяются в течение 10-15 минут во всех отправленных письмах. Пользователи, которые перешли по неправильной ссылке, к сожалению, вряд ли будут второй раз заходить в письмо - им лучше отправить новое письмо.
Из недостатков: так делают спамеры и почтовики могут к этому относиться настороженно. Могут, но в нашей практике пока такого не было и у вас не будет если всё использовать в пределах разумного.
Замена картинок в отправленном письме (beta)
Есть изображения, которые хранятся у нас на сервисе, есть изображения, которые ссылаются на внешние источники, например, на ваш сервер. Всякий раз, когда открывается письмо, идёт запрос и подгружается письмо с сервера, что позволяет вам изменить изображение даже после отправки рассылки.
С картинками немного сложнее, чем со ссылками - они могут кэшироваться и новую картинку увидят только те, кто открыл письмо после её изменения. Чтобы избежать этого - каждая картинка должна иметь уникальный url, например https://domain.com/repository/images/image2.jpg?gid=$contactId
Следует учитывать, что:
-
Новая картинка должна быть названа тем же именем файла, что и исходная.
-
Она должна располагаться по тому же адресу, что и исходная.
-
Если изображение размещено на ваших серверах - попросите ваших программистов заменить файл на сервере на новый.
Пока эта функциональность доступна для доверенных организаций и пользователей, вскоре откроем для всех юзеров, когда добавим ручную модерацию ссылок.
Как видим, после отправки письмо может меняться и не всегда для этого требуется много усилий. Емейл-маркетинг никогда не будет прежним и это радует:)
До новой встречи! :)