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

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

Скопировано

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

Для использования программы лояльности в магазине на платформе 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:

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

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

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

Перед выполнением кастомизации рекомендуется ознакомиться с исходным 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 с собственной логикой, стилями элементов, структурой выводимой информации.