Передаем форму Tilda с товарами в Bitrix24
В данной статье рассмотрим, как можно передать данные при заполнении формы обратной связи в Tilda, включая товары, которые пользователь набрал в корзину при оформлении заказа.
Подключение сервисов в MoreKit
Первым делом необходимо подключить Bitrix24 и Tilda в MoreKit. Для этого добавим оба сервиса
Подключение Bitrix24
Перед добавлением сервиса bitrix24 в morekit, необходимо установить приложение MoreKit в маркетплейсе. Для установки приложения требуется подписка на маркетплейс Bitrix24.
После установки приложение MoreKit в маркетплейс bitrix24, можно приступать к добавлению сервиса в Morekit. Для этого в проекте нажмите Добавить сервис, найдите в списке Bitrix24. При подключении сервиса будет запрошена ссылка на ваш битрикс24.
Введите ссылку в формате https://мой-домен.bitrix24.ru. После этого произойдет редирект на страницу с вашим битриксом, подтвердите авторизацию.
Если все правильно — сервис появится в списке сервисов и у него будет статус Готово
Подключение Tilda
теперь необходимо подключить тильду. В списке сервисов найдем Tilda. Дайте название сервису и добавьте его. Для добавления Tilda никакой авторизации не требуется.
Далее необходимо подключить Webhook в Tilda, чтобы при заполнении формы ее данные уходили в MoreKit. Для этого нужно получить ссылку для Webhook, которую формирует MoreKit при создании процесса
Создание процесса с типом Тильда вебхук
Создадим новый процесс с типом «Вебхук». Данный процесс будет принимать данные из Tilda и отправлять их в Bitrix24
После создания процесса в первоначальном блоке будет ссылка. Данную ссылку копируем, чтобы подключить webhook в Tilda к процессу в MoreKit.
Установка Webhook в Tilda
Теперь необходимо создать webhook. Необходимо перейти в настройки сайта, выбрать Подключение webhooks. Вставляем скопированную ссылку на процесс MoreKit.
В дополнительных настройках ставим галочки как на скриншоте.
После установки хука — применяем его к нужным формам (или ко всем формам), также переопубликовываем страницы, чтобы хук применился к формам.
Если все сделано правильно — в событиях к процессу в MoreKit придет тестовый хук от тильды.
Далее остается построить логическую схему передачи в MoreKit.
Построение логической схемы в MoreKit
Схема передачи данных будет выглядеть следующим образом:
Данная схема будет искать существующий контакт в Битрикс24 по номеру телефона или Email адресу. В случае — если контакт не будет найден, Morekit создаст новый контакт. Далее — создание сделки по форме из Tilda с прикреплением к созданной сделке контакта. Затем в схеме запустится цикл на товары, которые пришли с тильды. Внутри цикла будет произведен поиск товара по внешнему коду, если товар уже есть в Битрикс24, если товара нет — создание нового товара. Последним шагом будет прикрепление товара к сделке по данным из тильды (цена и количество)
Описание блоков схемы
#2 — регулярные выражения. Данный блок нужен для обработки номера телефона и очистки его от лишних символов. Оставляет только цифры.
#1 — поиск существующего контакта в Битрикс24 по номеру обработанному номеру телефона
#3 — поиск существующего контакта в Битрикс24 по email адресу
#4 — создание контакта в Битрикс24 с заполнением в него телефона, email и имени
#12 — Создание сделки в Битрикс24 с заполнением нужных данных и привязкой контакта
#13 — Запуск цикла на массив продуктов из входящих данных с tilda
#15 — поиск существующего товара по внешнему коду в Битрикс24
#14 — создание нового товара в Битрикс24 с заполнением внешнего кода, артикула, названия, цены. Заполнение внешнего кода требуется, чтобы создать привязку между товарами Tilda и Bitrix24.
#16 — Добавление товара в сделку. Цена и количество берется из Tilda
Проверка работоспособности
Перейдем на сайт и заполним форму, положим в корзину несколько товаров.
Положили в корзину 5 товаров: 2 банана, 2 яблока и грушу. Отправим форму
Видим, что пришла сделка с нашим номером заказа. Контакт к сделке успешно привязался.
Товары также, успешно передались:
В событии в MoreKit видим, что ошибок никаких нет, все отработало корректно
Подведем итоги
В данной статье рассмотрели пример настройки передачи данных с формы обратной связи с тильды с учетом прикрепления товаров в сделку битрикс24, по итогу получив успешный результат.