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

Интеграция Roistat с Creatium

Интеграция позволяет загружать заявки из конструктора сайтов Creatium в Roistat и автоматически создавать сделки в подключенной CRM, а также фиксировать события на сайте.

О блокировщиках рекламы

Передача данных в Roistat может быть заблокирована блокировщиками рекламы: AdBlock, AdGuard и другими. Отключите их перед проверкой работы интеграции.

Как работает интеграция

  1. Клиент оставляет заявку в Creatium.
  2. После отправки заявки информация передается в Roistat.
  3. Если в проекте Roistat настроена интеграция с CRM, то можно настроить отправку заявки в подключенную CRM.

Данные передаются только из форм Creatium.

Если вы переехали на Creatium с PlatformaLP, формы рекомендуется заменить на новые. Они могут быть заменены автоматически при переезде в зависимости от их сложности.

Если на сайте используются формы сторонних сервисов, данные из них не будут передаваться в Roistat с помощью этой интеграции.


Настройка интеграции

Проверьте старую интеграцию

Если ранее вы использовали ссылку на скрипт в интеграции Creatium, удалите её до перехода на интеграцию с Webhook. Это позволит избежать дублирования заявок.

  • В Creatium перейдите в Плагины → найдите плагин Roistat
  • Удалите из поля Код перед </head> строку:
    <script src="https://files2.creatium.io/support-scripts/roistat.min.js" defer></script>
    

Подключите интеграцию в Roistat

  1. В проекте Roistat перейдите в раздел Интеграции и нажмите Добавить интеграцию.
  2. Найдите и подключите интеграцию с Creatium.

    0.png

  3. После подключения перейдите в Настройки этой интеграции.

Установите счетчик Roistat в Creatium

  1. В личном кабинете Creatium перейдите в раздел ПлагиныСоздать плагин.

    Способ 1: через специальный тип плагина Roistat

    • Выберите тип плагина Roistat.
    • Укажите имя плагина, например: Roistat.
    • Выберите положение кода счетчика. Рекомендуемое размещение — Код перед </body>.
    • В поле Код вставьте ключ счетчика Roistat.
    Как получить ключ счетчика Roistat?

    Перейдите в раздел НастройкиКод счётчика. На этой странице ключ указан в двух местах:

    Ключ расположен в строке:
    (window, document, 'script', 'cloud.roistat.com', 'ключ счетчика')
    

    9.png

    Также ключ можно найти в разделе Дополнительные настройкиПоказать дополнительные настройкиДополнительные ключи счётчикаОсновной ключ счётчика.

    10.png

    • Нажмите Сохранить.

    3.png

    Способ 2: через плагин “Свой код”

    • Выберите тип плагина Свой код и назовите его Roistat.

      3.png

    • В подразделе Код счетчика скопируйте код.

      2.png

    • Вставьте скопированный код в блок Код перед </body>.

      4-1.png

Добавьте передачу roistat_visit

  1. Добавьте отдельный плагин для передачи roistat_visit в заявку. Для этого перейдите в раздел Плагины → Свой код → Код перед </body> и добавьте следующий код:
<script type="text/javascript">
cr.api(page => {
  page.waitForAppear('.cr-form', form => {
    page.getComponent(form).on('before-submit', e => {
      e.fields.push({
        name: 'roistat_visit',
        value: getClientRoistat(),
        uid: 'roistat_visit'
      });
    });
  });

  function getClientRoistat() {
    try {
      if (window.roistat) {
        if (typeof window.roistat.getVisit === 'function') {
          return window.roistat.getVisit() || '';
        } else if (window.roistat.visit) {
          return window.roistat.visit || '';
        }
      }
    } catch (err) {
      console.error('Ошибка получения roistat_visit:', err);
    }
    return '';
  }
});
</script>

Настройте Webhook в Creatium

  1. В Creatium перейдите в раздел Интеграции и уведомления → Интеграции → Подключить новую интеграцию с типом Webhook.

  2. В поле URL скопируйте ссылку из поля Webhook URL, указанную в Инструкции по настройке.

14-1.png

  1. Выберите тип запроса POST и тип отправляемых данных raw.

  2. В конструкторе тела запроса добавьте поле с названием roistat_visit и значением Указать поле по ID, в ID укажите roistat_visit.

14-2.png

Передача дополнительных данных по заявкам из Creatium в Roistat

Помимо roistat_visit, вы можете передавать в Roistat и другие поля заявки через тело запроса Creatium.

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

Например, если вы хотите передавать URL страницы в переменную {field_page_url}, поле в Creatium должно называться page_url.

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

17.png

Настройка поведения

На шаге Настройка поведения вы можете:

  • Настроить отправку заявок в CRM. Если отключить опцию Отправлять заявки в CRM, лиды будут создаваться в списке отправленных заявок, но не будут отправляться в CRM;

  • Включить опцию Инициировать обратный звонок по номеру клиента;

  • Создать сценарии отправки заявок в CRM;

  • Создать сценарии отправки целей в Google Аналитику и Яндекс.Метрику.

Нажмите Сохранить, чтобы применить изменения.

7.png

По умолчанию включена опция Отправлять заявки в CRM. Если ее отключить, лиды будут создаваться в списке отправленных заявок, но не будут отправляться в CRM.

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

15-2.png

Вы также можете настроить отправку целей в Google Analytics и Яндекс.Метрику.

15-3.png

Настройка дополнительных полей

На шаге Настройка доп.полей вы можете настроить передачу значений в дополнительные поля сделки в CRM:

  • Нажмите Добавить поле и в раскрывающемся списке Поле из CRM выберите название дополнительного поля в CRM. Список полей загружается из подключенной к проекту Roistat CRM.
  • В поле справа введите значение дополнительного поля сделки в виде текста или переменной.
  • Нажмите Сохранить.

8.png

Полный список переменных Roistat можно посмотреть в статье Передача заявок в CRM через Roistat.

Список переменных Creatium:

Название переменной в Roistat Значение
{field_name} Имя
{field_email} Электронная почта
{field_phone} Телефон
{field_form_name} Название формы
{field_ip} IP-адрес
{field_geolocation} Страна / город
{field_quantity} Количество
{field_order_id} ID заявки
{field_user_id} ID пользователя
{field_page_name} Название страницы
{field_page_url} URL-адрес страницы
{field_source} Источник перехода
{field_utm_source} utm_source — наименование рекламного источника или площадки
{field_utm_medium} utm_medium — тип трафика или рекламный канал
{field_utm_campaign} utm_campaign — наименование рекламной кампании
{field_utm_content} utm_content — содержание рекламного баннера или объявления
{field_utm_term} utm_term — ключевое слово, по которому отображается объявление

Настройка отправки событий в Roistat (необязательно)


Вы можете передавать в Roistat информацию о следующих событиях:

  • Посетитель открыл сайт
  • Переход по ссылке
  • Открыто окно
  • Добавлено в корзину
  • Кто-то начал заполнять форму
  • Заявка отправлена

Чтобы настроить отправку событий, следуйте инструкции ниже.

  1. Откройте главное меню Roistat и перейдите в раздел События:

    8.png

  2. Перейдите на вкладку Настройка и нажмите Добавить событие:

    9.png

  3. Добавьте событие по следующему шаблону:

    • Название – скопируйте название нужного события из списка:
      • Посетитель открыл сайт
      • Переход по ссылке
      • Открыто окно
      • Добавлено в корзину
      • Кто-то начал заполнять форму
      • Заявка отправлена
    • Условие срабатыванияПередается через Javascript
    • ID – скопируйте название события из поля Название

    10.png

Проверка работы

  1. Отправьте тестовую заявку для проверки корректности работы интеграции.

  2. В проекте перейдите в раздел Диагностика проектаСписок отправленных заявок и найдите созданную заявку:

    7.png

  3. Проверьте, что в поле Промокод указан номер визита.

  4. Если в настройках интеграции включена опция Отправлять заявки в CRM, проверьте статус отправки заявки: в поле Отправлен должен появиться успешный статус отправки V, а в CRM – новая заявка с номером визита.

Запуск интеграции в режиме отладки

Для запуска интеграции в режиме отладки добавьте к адресу страницы GET-параметр r_debug=1, чтобы отладочная информация стала доступна в консоли. Если этой информации там нет, убедитесь, что вы подключили код по ссылке https://code.creatium.site/roistat и правильно добавили GET-параметр:

7-1.png