Creatium + Recca

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

Подключение сайта на Creatium к Recca занимает 5 минут. После настройки все заявки с форм будут автоматически попадать в раздел «Заявки» вашего магазина.

---

Шаг 1. Создайте интеграцию в Recca

1. Откройте app.recca.ru и войдите в аккаунт
2. Перейдите в Магазин → Интеграции
3. Нажмите «Добавить интеграцию»
4. Выберите провайдер Creatium
5. Скопируйте Webhook URL — он понадобится на следующем шаге

Webhook URL выглядит так:

https://api.recca.ru/hooks/leads?token=ВАШ_ТОКЕН

---

Шаг 2. Настройте webhook в Creatium

1. Войдите в панель управления Creatium
2. Откройте свой сайт → Настройки сайта → Интеграции
3. Найдите раздел Webhooks (или «Уведомления на URL»)
4. Вставьте скопированный Webhook URL из Recca
5. Убедитесь, что webhook настроен на событие «Новая заявка»
6. Сохраните настройки

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

---

Шаг 3. Добавьте скрипт отслеживания реферала

Чтобы заявки корректно привязывались к партнёру-рекомендателю, добавьте JavaScript-сниппет в head вашего сайта.

Зачем это нужно: когда пользователь переходит на ваш сайт по реферальной ссылке (например, https://ваш-сайт.ru/?recca=ABC123), код партнёра находится в URL. Но при переходе на другую страницу сайта этот параметр теряется. Скрипт сохраняет код и автоматически добавляет его в форму.

Как добавить:

1. В панели Creatium откройте Настройки сайта → Код в head
2. Вставьте этот скрипт:

<script>
(function(){
  var p = new URLSearchParams(location.search);
  var c = p.get('recca');
  if(c) localStorage.setItem('recca_code', c);
  document.addEventListener('submit', function(e){
    var code = localStorage.getItem('recca_code');
    if(!code) return;
    var f = e.target;
    if(!f.querySelector('[name="recca"]')){
      var h = document.createElement('input');
      h.type='hidden'; h.name='recca'; h.value=code;
      f.appendChild(h);
    }
  }, true);
})();
</script>

3. Сохраните изменения

---

Как это работает

1. Партнёр делится ссылкой на ваш сайт: https://ваш-сайт.ru/?recca=ABC123
2. Посетитель переходит по ссылке — скрипт сохраняет код ABC123
3. Посетитель заполняет форму на любой странице сайта
4. Creatium отправляет webhook в Recca с данными формы + кодом партнёра
5. Recca создаёт заявку, привязывает к партнёру, отправляет уведомления

---

Поддерживаемые поля форм

Recca автоматически распознаёт стандартные поля Creatium:

Поле формы	Варианты имён
Имя	name, Имя, Представьтесь, ФИО
Телефон	phone, Номер телефона, Телефон
Email	email, Электронная почта, Почта, E-mail
Комментарий	comment, Комментарий, Сообщение

Названия полей на русском и английском поддерживаются автоматически — специальная настройка не нужна.

---

Проверка интеграции

После настройки отправьте тестовую заявку через форму на сайте:

1. Откройте сайт с параметром ?recca=TEST (например, https://ваш-сайт.ru/?recca=TEST)
2. Перейдите на страницу с формой
3. Заполните и отправьте форму
4. Проверьте раздел «Заявки» в Recca — новая заявка должна появиться с пометкой источника