Использование персонализации в письме | Support eSputnik

Email

Омниканальность

Автоматизация

Персонализация с переменными

Автоматизация значительно упрощает жизнь любому маркетологу. Одним из способов автоматизации является персонализация – подстановка персональных данных в сообщения. В системе eSputnik инструменты персонализации уже существует, нужно только научиться правильно их использовать.

Как использовать персонализацию?

Персонализация – переменная в теле сообщения, вместо которой при рассылке будет подставлено значение из карточки контакта.

Самый простой и широко используемый пример персонализации – во время отправки автоматически производится замена переменной %FIRSTNAME% на имя клиента. Имя подставляется только в том случае, если соответствующее поле заполнено в карточке контакта.

По такому же принципу при помощи переменных можно автоматически подставлять следующие значения:

  • фамилия получателя;
  • город или страна;
  • обращение к получателю, например, “уважаемая” или ”уважаемый” и комбинировать его с именем клиента;
  • промокод или ссылку на qr код;
  • имя закрепленного менеджера, адрес, емейл и контактный телефон магазина или заведения;
  • кол-во активных бонусов на карте клиента.

Сообщения, содержащие переменные персонализации, используются как для автоматических, так и для массовых ручных рассылок.

Больше вариантов персонализации для использования в письмах можно найти в Личном кабинете → Настройки → Дополнительные поля. В дополнительных полях может содержаться абсолютно любая информация о клиенте, которую вы передаете в eSputnik по API.

Дополнительные поля

Все указанные в допполях переменные можно использовать в email, Viber, SMS, а также web push и мобильных push-уведомлениях.

Переменные в доп. полях

Данные из любого поля контакта могут быть добавлены в тело сообщения при помощи специального меню в редакторе eSputnik.

Меню персонализации в редакторах eSputnik

Редактор SMS, Viber, Web и Mobile Push

Интерфейс редакторов Viber, SMS, web push и мобильных push-уведомлений схож, поэтому пиктограмма добавления персонализации расположена в идентичных разделах этих редакторов. При клике на нее в выпадающем списке отображается перечень доступных для подстановки данных.

Редактор для viber, web и mobile push

Редактор email

Расположение раздела персонализации в редакторе email отличается от предыдущих. Само меню скрыто и становится доступным только во время работы с текстовыми блоками. Достаточно разместить курсор в текстовом блоке – и отобразится панель инструментов, где и находится интересующий нас раздел.

Редактор для email

Рассмотрим добавление переменной в редакторе email-сообщений подробно.

Подстановка переменной

Примеры использования переменной для персонализации

Замена %FIRSTNAME%

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

С одной стороны, это удобно. Но бывают случаи, когда вместо персонального приветствия вы получаете: “Здравствуйте, !”.

Письмо без обращения

Очевидно, что после запятой находилась переменная персонализации, но имя получателя неизвестно и подстановка проигнорирована. Это можно легко исправить:

  • При добавлении любой переменной (например %FIRSTNAME|%) поставьте после нее символ “|”.
  • После символа “|” укажите альтернативные данные, которые подставятся, если нет основных.

Подстановка переменной

Что же это значит на практике, рассмотрим на примере двух случаев:

  1. Если нам известно имя получателя, клиент получит письмо с  персонализированным обращением.

Подстановка имени

  1. Если имени в карточке клиента нет, тогда он получит альтернативу.

Подстановка альтернативного обращения

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

Пример письма с подстановкой данных из карточки контакта:

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

где:

  • %FORMA.OBRASHENIYA% – форма обращения к клиенту. Например: Уважаемый.

  • %FIRSTNAME% – имя клиента. Например: Лев Алексеевич.

  • %MEROPRIYATIE% – любое событие. Например: распродажа.

  • %PERSONAL.BONYS% – кол-во персональных бонусов на карточке клиента.

  • %MANAGER.PHONE% и %PERSONAL.MANAGER.NAME% – телефон и имя закрепленного менеджера.

  • %PERSONAL.PROMOCODE% – персональный промокод клиента.

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

Для подстановки ссылки на изображение нужно выделить блок картинки и в соответствующем поле слева вместо пути к картинке указать переменную персонализации. В нашем примере это %PERSONAL.QRCODE%.

Готовое письмо

Путь к картинке

Или же при редактировании кода письма записать переменную в атрибут изображения src:

Атрибут изображения src

Важно! Значением переменной должна быть ссылка на изображение, которая представляет собой полный путь к картинке, включая протокол, например: https://example.com/qr_code.png

В момент отправки, после того как данные будут подставлены из дополнительных полей контакта в письма, получатель сможет их видеть в своем почтовом ящике:

Персонализация с Velocity-кодом

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

Но у такого способа есть и недостатки. Он лишен вариативности: подстановка либо происходит, либо нет, без каких-то дополнительных возможностей управлять контентом.

Иногда из-за отсутствия нескольких параметров в письме теряется ценность целого блока. Если сведений о контакте не хватает, то подстановка данных не произойдет. Например, в блоке, где должен быть выведен промокод и QR-код, могут быть пропуски:

Персональный промокод

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

Для этого вам необходимо использовать Velocity. Это язык, с помощью которого можно подставлять данные в письмо, если они не хранятся в карточке клиента, а передаются в событии.

В рамках нашего примера потребуется разобраться в применении оператора выбора if else и операторов сравнения.

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

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

HTML-редактор

В примере нужно проверить дополнительные поля PERSONAL.PROMOCODE и PERSONAL.QRCODE. Их и необходимо вывести в письмо в закомментированном виде, таким образом проверяя, что в карточке контакта эти поля заполнены.

<!--//Объявление использования дополнительных полей PERSONAL.PROMOCODE и PERSONAL.QRCODE-->
<!--%PERSONAL.PROMOCODE%-->
<!--%PERSONAL.QRCODE%-->
<!--//Проверяем, что значения проверяемых полей не равняются пустой строке-->
<!--#if($!data.get('PERSONAL.PROMOCODE')!='' and $!data.get('PERSONAL.QRCODE')!='')-->
… html код структуры
<!--#end-->

Затем добавляем наше условие, чтобы получилось так, как показано на скриншоте:

Пример кода

#end ставится для того, чтобы указать, где заканчивается проверка условия.

Скрывать блоки в случае отсутствия данных – не единственное применение оператора if else.

Рассмотрим несколько примеров взаимодействия переменных персонализации и Velocity:

  • Чтобы проверить, заполнено ли поле контакта с именем.

<!-- для вывода имени при помощи персонализации -->
<!--%FIRSTNAME%-->
<!--//Проверяем, что значения поле FIRSTNAME не равняются пустой строке-->
#if($data.get('FIRSTNAME') and $data.get('FIRSTNAME')!='')
<!--//Если поле не пустое, выводим: Здравствуйте, Имя-->
Здравствуйте, $!data.get('FIRSTNAME').
#else
<!--//Если поле не содержит данных, выводим только: Здравствуйте. -->
Здравствуйте.
#end
  • Осуществляем проверку принадлежности email адреса к домену @gmail.com и отображает соответствующий контент в письме.

<!--%EMAIL%-->
<!--#if($!data.get('EMAIL').contains('@gmail.com'))-->
<!--//html код для получателей, у кого почта в доменной зоне gmail.com-->
<!--#else-->
<!-//html код для остальных получателей-->
<!--#end-->
  • Проверить пол контакта и сформировать корректное обращение к получателю.
<!-- //Объявляем использование поля, где указан пол контакта  -->
<!-- %PERSONAL.GENDER% -->
<!-- //Проверяем, не пустое ли поле  -->
<!--#if($data.get('PERSONAL.GENDER').equals(''))-->
<!--//Если пол не указан, не используем обращение-->
<!--#set($refBy='. ')-->
<!--//Проверяем, если получатель мужчина-->
<!--#elseif($data.get('PERSONAL.GENDER').equalsIgnoreCase('м'))-->
<!--//Подставляем: уважаемый-->
<!--#set($refBy=', уважаемый')-->
<!-- //Проверяем, если получатель женщина-->
<!--#elseif($data.get('PERSONAL.GENDER').equalsIgnoreCase('ж'))-->
<!--//Подставляем: уважаемая-->
<!--#set($refBy=', уважаемая')-->
<!--#end-->

В письме будет так:

Персонализация:

Здравствуйте$!refBy %FIRSTNAME%

Результаты подстановки в письме:

для мужчины:

Здравствуйте, уважаемый Алексей

для женщины:

Здравствуйте, уважаемая Виктория

пол не указан:

Здравствуйте.

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

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

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email