Первые шаги
Отслеживание событий и поведения
- Получение и установка скрипта веб-трекинга
- Настройка трекинга привязкой к селекторам сайта
- Настройка и использование веб-трекинга для персонализации контента на сайте и в рассылках
- Настройка Web Tracking методом отправки событий через JavaScript
- Передача данных о поведении посетителей сайта через REST API
Пользовательские данные
- Обзор адаптивного email-редактора
- Создание оформления для письма
- Создание сквозных модулей
- Настройка адаптивности
- Настройка Smart-элементов
- Оформление промовкладки для Gmail
- Добавление Rolloverʼа
- Добавление фона в письмо
- Добавление анкорных ссылок
- Библиотека блоков (Модули)
- Добавление блока "Видео"
- Добавление таблицы в письмо
- Работа с блоком "Баннер"
- Добавление пользовательских шрифтов
- Добавление кастомных иконок соцсетей
- Работа с блоком "Соцсети"
- Создание кнопки CTA
- Редактирование HTML и CSS
- Робота с блоком "Изображения"
- Работа с блоком “Таймер"
- Настройка блока "Меню"
- Создание футера
Омниканальность
- SDK для мобильных приложений
- Управление ключами доступа к мобильному SDK
- Подключение мобильного приложения
- Создание Google проекта для Mob Push
- Создание мобильных push-сообщений
- Настройка аналитики доставляемости и кликов
- Планирование мобильных push-уведомлений
- Настройка универсальных ссылок (deeplinks & Universal links)
- Отчеты по мобильным push-рассылкам
Автоматизация
- Запуск сценария после импорта контактов
- Двойное подтверждение подписки
- Приветственная серия
- Запуск Welcome-серии для разных категорий
- Регулярный сценарий для группы
- Поздравление с днем рождения
- Привязка сценария к кнопке
- Согласование переменных события со сценарием на примере сценария "Заказ доставлен"
- Сбор отзывов о заказе
- Реактивация клиентов и подписчиков
- Отправка рассылки непрочитавшим
- Контроль триггеров
- Если сценарий не работает
Персонализация
- Подстановка промокода из файла
- Подстановка промокода с использованием API
- Принципы генерации промокодов с помощью PHP/JAVA
- Подстановка промокода с помощью персонализации
- Загрузка промокодов для использования в сценарии
- Генерация промокодов в сценарии
- Отправка промокода с помощью препроцессора
- HTTP-запрос для передачи промокода из сообщения в карточку контакта
Аналитика
- Отчёт по email-рассылке
- Отчет по AMP-рассылке
- Отчеты по мобильным push-рассылкам
- Отчет по SMS-рассылке
- Отчет по Web-push рассылке
- Отчет по Viber-рассылке
- Настройка передачи UTM-меток
- Визуализация дохода от рассылок
- Отслеживание эффективности рассылок в Google Analytics
- Как открыть CSV-файл после экспорта
Мультиязычность
Товарные рекомендации
API
Смена системы
Документы
Интеграция
Персонализация с переменными
Автоматизация значительно упрощает жизнь любому маркетологу. Одним из способов автоматизации является персонализация – подстановка персональных данных в сообщения. В системе eSputnik инструменты персонализации уже существует, нужно только научиться правильно их использовать.
Как использовать персонализацию?
Персонализация – переменная в теле сообщения, вместо которой при рассылке будет подставлено значение из карточки контакта.
Самый простой и широко используемый пример персонализации – во время отправки автоматически производится замена переменной %FIRSTNAME% на имя клиента. Имя подставляется только в том случае, если соответствующее поле заполнено в карточке контакта.
По такому же принципу при помощи переменных можно автоматически подставлять следующие значения:
- фамилия получателя;
- город или страна;
- обращение к получателю, например, “уважаемая” или ”уважаемый” и комбинировать его с именем клиента;
- промокод или ссылку на qr код;
- имя закрепленного менеджера, адрес, емейл и контактный телефон магазина или заведения;
- кол-во активных бонусов на карте клиента.
Сообщения, содержащие переменные персонализации, используются как для автоматических, так и для массовых ручных рассылок.
Больше вариантов персонализации для использования в письмах можно найти в Личном кабинете → Настройки → Дополнительные поля. В дополнительных полях может содержаться абсолютно любая информация о клиенте, которую вы передаете в eSputnik по API.
Все указанные в допполях переменные можно использовать в email, Viber, SMS, а также web push и мобильных push-уведомлениях.
Данные из любого поля контакта могут быть добавлены в тело сообщения при помощи специального меню в редакторе eSputnik.
Меню персонализации в редакторах eSputnik
Редактор SMS, Viber, Web и Mobile Push
Интерфейс редакторов Viber, SMS, web push и мобильных push-уведомлений схож, поэтому пиктограмма добавления персонализации расположена в идентичных разделах этих редакторов. При клике на нее в выпадающем списке отображается перечень доступных для подстановки данных.
Редактор email
Расположение раздела персонализации в редакторе email отличается от предыдущих. Само меню скрыто и становится доступным только во время работы с текстовыми блоками. Достаточно разместить курсор в текстовом блоке – и отобразится панель инструментов, где и находится интересующий нас раздел.
Рассмотрим добавление переменной в редакторе email-сообщений подробно.
Примеры использования переменной для персонализации
Замена %FIRSTNAME%
Механизм подстановки данных из карточки контакта таков, что при отсутствии данных переменная будет проигнорирована и ничего не подставится, включая и название самой переменной.
С одной стороны, это удобно. Но бывают случаи, когда вместо персонального приветствия вы получаете: “Здравствуйте, !”.
Очевидно, что после запятой находилась переменная персонализации, но имя получателя неизвестно и подстановка проигнорирована. Это можно легко исправить:
- При добавлении любой переменной (например %FIRSTNAME|%) поставьте после нее символ “|”.
- После символа “|” укажите альтернативные данные, которые подставятся, если нет основных.
Что же это значит на практике, рассмотрим на примере двух случаев:
-
Если нам известно имя получателя, клиент получит письмо с персонализированным обращением.
-
Если имени в карточке клиента нет, тогда он получит альтернативу.
Такой способ подстановки не подходит при полном отсутствии клиентских данных, его назначение – сгладить незначительное их отсутствие. Поэтому не забывайте актуализировать свою контактную базу, регулярно ее пополнять и обновлять. Сделать это можно при помощи импорта или же настроив интеграцию с нашим сервисом по API. Также можно использовать рассылку с просьбой дозаполнить свой профиль.
Пример письма с подстановкой данных из карточки контакта:
где:
-
%FORMA.OBRASHENIYA% – форма обращения к клиенту. Например: Уважаемый.
-
%FIRSTNAME% – имя клиента. Например: Лев Алексеевич.
-
%MEROPRIYATIE% – любое событие. Например: распродажа.
-
%PERSONAL.BONYS% – кол-во персональных бонусов на карточке клиента.
-
%MANAGER.PHONE% и %PERSONAL.MANAGER.NAME% – телефон и имя закрепленного менеджера.
-
%PERSONAL.PROMOCODE% – персональный промокод клиента.
Переменные в примере могут отличаться от тех, что получатся у вас, т. к. зависят от названия, дополнительного поля.
Для подстановки ссылки на изображение нужно выделить блок картинки и в соответствующем поле слева вместо пути к картинке указать переменную персонализации. В нашем примере это %PERSONAL.QRCODE%.
Или же при редактировании кода письма записать переменную в атрибут изображения src:
Важно! Значением переменной должна быть ссылка на изображение, которая представляет собой полный путь к картинке, включая протокол, например: https://example.com/qr_code.png
В момент отправки, после того как данные будут подставлены из дополнительных полей контакта в письма, получатель сможет их видеть в своем почтовом ящике:
Персонализация с Velocity-кодом
Использование переменных в теле сообщения позволит во многом унифицировать, если не все письмо, то его отдельные блоки.
Но у такого способа есть и недостатки. Он лишен вариативности: подстановка либо происходит, либо нет, без каких-то дополнительных возможностей управлять контентом.
Иногда из-за отсутствия нескольких параметров в письме теряется ценность целого блока. Если сведений о контакте не хватает, то подстановка данных не произойдет. Например, в блоке, где должен быть выведен промокод и QR-код, могут быть пропуски:
Выходом будет скрыть целый блок сообщения и выводить его лишь в том случае, когда доступны все необходимые компоненты.
Для этого вам необходимо использовать Velocity. Это язык, с помощью которого можно подставлять данные в письмо, если они не хранятся в карточке клиента, а передаются в событии.
В рамках нашего примера потребуется разобраться в применении оператора выбора if else и операторов сравнения.
Нужно объявить использование дополнительных полей внутри тега комментария либо в начале письма, либо непосредственно в блоке, где вы будете задавать условия.
В нашем случае блок будет выводится, только если в полях контакта есть и QR-код, и персональный промокод. Если нет хотя бы одного из двух составляющих, то этот блок вообще не выведется в письме. Для этого необходимо обратиться к дополнительным полям и проверить их значения. Выделите нужную структуру и перейдите в режим редактирования кода письма:
В примере нужно проверить дополнительные поля 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, можно гибко управлять содержимым отправляемого сообщения.
Более высокого уровня персонализации писем можно добиться, используя товарные рекомендации. Что это и как их настроить, читайте здесь.