Программа лояльности RetailCRM в InSales

Скопировать ссылку на статью

Скопировано

Содержание

1. Предварительная настройка
2. Настройка внешних скидок

3. Настройка шаблонов

   • Шаг №1. Добавляем внешнюю JS-библиотеку в основной шаблон
   • Шаг №2. Готовые сниппеты для вставки кода в шаблоны
   • Шаг №3. Отображаем данные участия в Программе лояльности в личном кабинете покупателя
   • Шаг №4. Добавляем в корзину механику использования баллов или процентной скидки, рассчитанных Программой лояльности RetailCRM
   • Использование событийной скидки
   • Шаг №5. Настройка выгрузки базовых цен для Программы лояльности
4. Работа с акционными товарами

5. Кастомизация вывода элементов программы лояльности

   • Кастомизация путем переопределения функций внешнего JS

Предварительная настройка

Для использования программы лояльности в магазине на платформе InSales необходимо выполнить ряд действий с учетом особенностей обеих платформ.

1. Минимальный тариф, позволяющий работать с Программой лояльности RetailCRM в InSales — «Оптимальный».
2. В случае использования Программы лояльности RetailCRM настоятельно не рекомендуется активировать встроенную программу InSales, так как обе программы будут конфликтовать.
3. Перед непосредственной настройкой на стороне интернет-магазина необходимо активировать и настроить Программу лояльности на стороне RetailCRM.
4. Рекомендуется в настройке Программы лояльности RetailCRM активировать настройку автоматической регистрации клиентов в Программе лояльности.

Настройка внешних скидок

Следующим этапом настройки является настройка механизма внешних скидок в InSales.

В админ-панели сайта перейдите на страницу Настройки → Оформление заказа.

Далее необходимо добавить новое пользовательское поле с типом текст.

Заполните форму следующим образом:

Переходим к настройке механики внешней скидки. Для начала необходимо перейти на страницу настройки модуля, открыть вкладку «Программа лояльности» и скопировать там url внешнего обработчика.

Далее скопированную ссылку вставьте в настройки внешней скидки на стороне InSales. Для этого перейдите на страницу админ-панели Клиенты → Скидки → Внешние скидки.

На этой странице добавляем новую внешнюю скидку, заполняя форму так, как показано на скриншоте ниже. Важно, в поле «Зависит от дополнительных полей заказа» укажите то пользовательское поле, которое завели на предыдущем шаге.

Сохраните форму и перейдите к настройке шаблонов сайта.

Настройка шаблонов

Важно!

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

Шаг №1. Добавляем внешнюю JS-библиотеку в основной шаблон

В режиме редактора на сайте выбирите настройки шапки сайта.

Далее необходимо отредактировать код виджета.

В открывшемся окне во вкладке «HTML» вставьте код получения внешней библиотеки:

<script type="text/javascript" src="https://ecom-automate.net/bundles/marketplaceinsales/js/loyalty.js"></script>

Шаг №2. Готовые сниппеты для вставки кода в шаблоны

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

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

Шаг №3. Отображаем данные участия в Программе лояльности в личном кабинете покупателя

Данные об участии в Программе лояльности будут отображаться в личном кабинете покупателя на странице «Скидки и бонусы».

Для их настройки необходимо в том же всплывающем окне редактора шаблона во вкладке «JS» добавить вызов функции getLoyaltyInfo так, как показано на скриншоте ниже, сниппет функции приведен на втором шаге:

Шаг №4. Добавляем в корзину механику использования баллов или процентной скидки, рассчитанных Программой лояльности RetailCRM

Перейдите в режим визуального редактора сайта на страницу корзины, и отредактируйте виджет.

В всплывающем окне редактора во вкладке «JS» добавьте вызов функции getCrmBonusesAdd, сниппет функции приведен на шаге 2:

Использование событийной скидки

Для использования событийной скидки, например по событию «День рождения», необходимо дополнительно создать пользовательское поле для идентификатора события — аналогично полю для указания количества бонусов.

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

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

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

За счет того, что основная реализация выполнена при помощи JavaScript, при необходимости изменения внешнего вида отображаемых данных и элементов страницы можно кастомизировать непосредственно в редакторе шаблонов.

Шаг №5. Настройка выгрузки базовых цен для Программы лояльности

Если привилегии от Программы лояльности настроены на товары по обычным и акционным ценам, рекомендуется в настройках экспорта каталога (ICML) включить опцию «Выгружать базовые цены торговых предложений».

Работа с акционными товарами

Для работы с акционными товарами создайте в RetailCRM тип цены и включите для него признак «Акционная цена». Для этого перейдите в раздел Настройки → Товары и склад → Типы цен.

Затем откройте вкладку «Программа лояльности» в настройках модуля InSales и в поле «Акционная цена в CRM» выберите созданный тип цены. Нажмите Сохранить.

Товар определяется как акционный, если старая цена (old_price) в InSales отличается от цены продажи товара в заказе (sale_price). При расчёте Программы лояльности модуль передаёт для такого товара выбранный тип цены, после чего RetailCRM применяет правила, установленные для акционных товаров.

Важно!

Тип цены, выбранный в поле «Акционная цена в CRM» в настройках модуля, должен совпадать с типом цены, у которого в RetailCRM включён признак «Акционная цена». Если выбран другой тип цены, признак «Акционная цена» в RetailCRM не включён либо старая цена отсутствует или совпадает с ценой продажи, товар не будет распознан как акционный.

Кастомизация вывода элементов программы лояльности

Перед выполнением кастомизации рекомендуется ознакомиться с исходным JavaScript-кодом, отвечающим за получение данных об участии и подстановку элементов в шаблоны InSales. Ознакомиться с кодом можно по следующей ссылке:

https://ecom-automate.net/bundles/marketplaceinsales/js/loyalty.js

Все элементы подставляются в шаблоны с помощью программного создания DOM-элементов (динамического формирования структуры HTML-документа).

Кастомизировать вывод информации возможно 2 способами:

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

Кастомизация путем переопределения функций внешнего JS

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

Например для переопределения функций, отвечающих за вывод информации в личном кабинете клиента, необходимо в шапке шаблона InSales, вкладке JS создать функции getLoyaltyInfo и getElementInfo с собственной логикой, стилями элементов, структурой выводимой информации.