Передаем форму Tilda с товарами в amocrm
В данной статье рассмотрим, как можно передать данные при заполнении формы обратной связи в Tilda, включая товары, которые пользователь набрал в корзину при оформлении заказа.
Подключение сервисов в MoreKit
Первым делом необходимо подключить amoCRM и Tilda в MoreKit. Для этого добавим оба сервиса
Подключение amoCRM
В MoreKit в разделе Сервисы — ищем в списке сервисов amoCRM, нажимаем на кнопку Добавить, произойдет перенаправление на страницу переадресации amoCRM, где необходимо выбрать нужную CRM, которую надо подключить в MoreKit
Подключение Tilda
Теперь необходимо подключить тильду. В списке сервисов найдем Tilda. Дайте название сервису и добавьте его. Для добавления Tilda никакой авторизации не требуется.
Далее необходимо подключить Webhook в Tilda, чтобы при заполнении формы ее данные уходили в MoreKit. Для этого нужно получить ссылку для Webhook, которую формирует MoreKit при создании процесса
Создание процесса с типом Тильда вебхук
Создадим новый процесс с типом «Вебхук». Данный процесс будет принимать данные из Tilda и отправлять их в amoCRM
После создания процесса в первоначальном блоке будет ссылка. Данную ссылку копируем, чтобы подключить webhook в Tilda к процессу в MoreKit.
Установка Webhook в Tilda
Теперь необходимо создать webhook. Необходимо перейти в настройки сайта, выбрать Подключение webhooks. Вставляем скопированную ссылку на процесс MoreKit.
В дополнительных настройках ставим галочки как на скриншоте.
После установки хука — применяем его к нужным формам (или ко всем формам), также переопубликовываем страницы, чтобы хук применился к формам.
Если все сделано правильно — в событиях к процессу в MoreKit придет тестовый хук от тильды.
Далее остается построить логическую схему передачи в MoreKit.
Построение логической схемы в MoreKit
Схема передачи данных будет выглядеть следующим образом:
Данная схема будет искать существующий контакт в amoCRM по номеру телефона или Email адресу. В случае — если контакт не будет найден, Morekit создаст новый контакт. Далее — создание сделки по форме из Tilda с прикреплением к созданной сделке контакта. Затем в схеме запустится цикл на товары, которые пришли с тильды. Внутри цикла будет произведен поиск товара по SKU товара, если товар уже есть в amoCRM, если товара нет — создание нового товара. Последним шагом будет прикрепление товара к сделке по данным из тильды (цена и количество)
Описание блоков схемы
#1 — регулярные выражения. Данный блок нужен для обработки номера телефона и очистки его от лишних символов. Оставляет только цифры.
#2 — поиск существующего контакта в amoCRM по обработанному номеру телефона
#3 — поиск существующего контакта в amoCRM по email адресу
#4 — создание контакта в amoCRM с заполнением в него телефона, email и имени
#6 — Создание сделки в amoCRM с заполнением нужных данных и привязкой контакта
#5 — Запуск цикла на массив продуктов из входящих данных с tilda
#7 — поиск существующего товара по артикулу в amoCRM. В артикул записывается SKU с тильды
#8 — создание нового товара в amoCRM с заполнением артикула, названия, цены. Заполнение артикула требуется, чтобы создать привязку между товарами Tilda и amoCRM
#9 — Добавление товара в сделку. Количество берется из товара Tilda внутри цикла
Проверка работоспособности
Перейдем на сайт и заполним форму, положим в корзину несколько товаров.
Положили в корзину 5 товаров: 2 банана, 2 яблока и грушу. Отправим форму
Видим, что пришла сделка с нашими товарами. Контакт к сделке успешно привязался.
Товары также, успешно передались:
В событии в MoreKit видим, что ошибок никаких нет, все отработало корректно
Подведем итоги
В данной статье рассмотрели пример настройки передачи данных с формы обратной связи с тильды с учетом прикрепления товаров в сделку amoCRM, по итогу получив успешный результат.