Перейти к содержанию

Шаблоны Liquid

Видео на Youtube: Узнайте, как использовать шаблоны контента в Customer Journey

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

Персонализация сообщений в Pushwoosh основана на тегах (данных пользователя). Pushwoosh предлагает множество тегов по умолчанию и пользовательских тегов. С их помощью вы можете указать имя пользователя, город, историю покупок и т. д., чтобы отправить более персонализированное сообщение. Например: Привет, {{First_name}}, спасибо за заказ {{item}}.

Шаблоны Liquid добавляют больше логики в динамический контент. Например, если тег подписки пользователя содержит «free», вы можете отправить ему сообщение: «Получите скидку 10%».

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

Синтаксис

Anchor link to

Шаблоны контента, основанные на Liquid от Shopify, используют комбинацию тегов, объектов и фильтров для загрузки динамического контента. Шаблоны контента позволяют вам получать доступ к определенным переменным из шаблона и выводить их данные, не зная ничего о самих данных.

Объекты

Anchor link to

Объекты определяют контент, который будет отображаться пользователю. Объекты должны быть заключены в двойные фигурные скобки: {{ }}

Например, при персонализации сообщения отправьте {{Name}} в его теле, чтобы добавить имена пользователей в контент сообщения. Имя пользователя (значение тега Name) заменит объект Liquid в сообщении, которое увидит пользователь.

Привет, {{Name}}! Мы рады, что вы вернулись!

Теги создают логику и управляют потоком выполнения для шаблонов. Разделители в виде фигурных скобок и процентов {% и %} и текст, который они окружают, не создают видимого вывода при рендеринге шаблона. Это позволяет вам присваивать переменные и создавать условия или циклы, не показывая пользователю никакой логики Liquid.

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

{% if Language == 'fr' %}
Salut!
{% else %}
Hello!
{% endif %}

Операторы тегов

Anchor link to
ОператорОписание
==равно
!=не равно
>больше чем
<меньше чем
>=больше или равно
<=меньше или равно
orлогическое или
andлогическое и
containsпроверяет наличие подстроки в строке или массиве строк

Фильтры

Anchor link to

Фильтры изменяют вывод объекта или переменной Liquid. Они используются внутри двойных фигурных скобок {{ }} и при присваивании переменных и разделяются символом вертикальной черты |. К одному выводу можно применить несколько фильтров, и они применяются слева направо.

{{ Name | capitalize | prepend:"Hello " }}

Использование шаблонов Liquid

Anchor link to

Шаблоны Liquid доступны как для сообщений, отправляемых из Панели управления, так и для API-запросов.

В Pushwoosh шаблоны Liquid применимы ко всем полям контента любого сообщения канала:

  • Push-уведомления
  • Email-сообщения

Чтобы добавить шаблон Liquid в ваше сообщение, вставьте его в тело сообщения. Вы можете сделать это при работе с элементами push-уведомлений или email-сообщений непосредственно из интерфейса Customer Journey Builder.

Перейдите в Customer Journey Builder > Создать кампанию > перетащите на холст следующие элементы: Вход на основе аудитории, Push (или Email) и Выход. Соедините элементы. Затем нажмите на значок Push, выберите Пользовательский контент и вставьте свой текст.

Чтобы добавить логику Liquid, используйте значения тегов со следующим синтаксисом:

{% if TagName == 'value' %}
Контент для отправки в этом сценарии
{% else %}
Контент для отправки в противном случае
{% endif %}

Затем нажмите Применить.

Переменные шаблона (теги Pushwoosh) не должны содержать пробелов и иметь только буквенно-цифровые значения и символы подчеркивания, например, my_tag или myTag вместо My Tag.

Узнайте больше о шаблонах Liquid в Journey

Connected content

Anchor link to

Connected content — это функция в шаблонах Liquid, которая позволяет динамически извлекать и использовать данные из внешнего источника, например, веб-сервиса, непосредственно в ваших email-сообщениях или push-уведомлениях. Эта функция обеспечивает персонализацию в реальном времени, извлекая данные в формате JSON по указанному URL и сохраняя их в переменной, которую можно использовать в вашем контенте.

Основные сценарии использования

Anchor link to
  • Рекомендации по продуктам: отображение персонализированных списков продуктов, адаптированных для каждого пользователя.

  • Промокоды: вставка уникальных промокодов, сгенерированных бэкенд-сервисом.

Предварительные требования

Anchor link to
  • Чтобы использовать Connected Content, у вас должен быть собственный бэкенд-сервис, который генерирует и предоставляет необходимые данные (например, промокоды, рекомендации по продуктам) на основе User ID, HWID или пользовательских тегов. Pushwoosh затем извлекает эти данные перед отправкой сообщения.

Пошаговое руководство по внедрению

Anchor link to

Шаг 1. Настройте бэкенд-сервис

Anchor link to

Бэкенд-сервис должен:

  • Принимать запрос, содержащий параметры, специфичные для пользователя (например, userId). Connected Content поддерживает UserID, HWID или любые пользовательские теги, которые вы настроили в своем проекте.
  • Возвращать JSON-ответ с необходимыми данными. Этот контент затем можно динамически вставлять в сообщения.

Шаг 2. Создайте пресет с Connected content в Pushwoosh

Anchor link to
  1. В редакторе контента Push или Email вставьте синтаксис Connected Content в поле сообщения.

Пример

{% connected_content http://your-backend-url.com?userId={{ ${userid} }} :save result %}

Разбор синтаксиса

connected_contentИзвлекает данные в формате JSON с указанного URL бэкенда.
http://your-backend-url.comКонечная точка бэкенда, которая возвращает необходимые данные в формате JSON.
userId={{ ${userid} }}Динамический параметр запроса, который передает ID пользователя на бэкенд.
:save resultСохраняет полученный JSON-ответ в переменной result для использования в шаблонах Liquid.

Вставьте синтаксис Connected Content

Аутентификация (необязательно)

Если ваш бэкенд-сервис требует аутентификации, вы можете включить API-ключ или токен в запрос Connected Content для обеспечения безопасного доступа.

{% connected_content http://your-backend-url.com?userId={{ ${userid} }}&auth=YOUR_API_KEY :save result %}

Использование тегов в Connected content

Чтобы включить пользовательские теги, вставьте их в качестве параметров запроса в запрос Connected Content ({{ tag_name }}).

{% connected_content http://your-backend-url.com?userId={{ ${userid} }}{{ Language }} :save result %}
  1. Далее добавьте текст сообщения, включающий полученные данные, например:
Эй, {{userid}}, получите ваш персональный промокод - {{result.code}}

Добавьте текст сообщения с полученными данными

  1. После завершения работы с контентом сообщения и настройки параметров пресета сохраните его для повторного использования в кампаниях.

Шаг 3. Отправьте сообщение, используя настроенный пресет

Anchor link to

Отправьте сообщение с этим пресетом, используя форму разового push-уведомления или email-сообщения или Customer Journey.