Как получать заявки с Tilda в CRM: интеграция Tilda и Flexbe

Лендинг на Tilda собрали за вечер, а заявки с него падают на почту. Пока менеджер вручную переносит заявки с Tilda в CRM, часть клиентов уходит к конкурентам. Отзывы и повторные отправки смешиваются с настоящими заявками.

Формы любого конструктора — Tilda, WordPress, 1С-Битрикс и других — подключаются к CRM без программиста. Обычно хватает кода на сайте: он сам ловит заявки с форм. Для Tilda и Flexbe есть второй путь — прямой вебхук. Вебхук — это адрес, на который конструктор сам отправляет каждую заполненную форму. Интеграция Tilda с CRM — это связь форм сайта с кабинетом через такой адрес. Раздел «Интеграция с конструкторами сайтов» даёт этот адрес и превращает каждую заявку в лид (карточку клиента в CRM): в нужном проекте, на нужном шаге воронки, с полями формы в карточке.

Посмотрите видео на две с половиной минуты, а ниже — пошаговая настройка.

Что даёт прямая передача заявок в CRM

• Ремонт и услуги на выезде. Заявка «на замер» с лендинга на Tilda сразу встаёт лидом на шаг «Новый лид». Город, услуга и бюджет попадают в свои поля карточки — менеджер звонит, уже зная задачу.
• Лендинг с отзывами и квизом. Форму отзывов вы добавляете в исключения. Она не создаёт лидов и не засоряет воронку.
• Рекламная кампания. Клиент отправил форму дважды за час. Антидубль не создаст второй лид: менеджер увидит повтор комментарием в той же карточке.
• Интернет-магазин на Tilda. Весь состав заказа — товары, количество, цена — попадает в комментарий лида.

Код на сайте или вебхук: что выбрать для Tilda

Код на сайте — тот же, что у виджета, — сам ловит заявки с форм любого конструктора. Его вставляют в настройках сайта конструктора, в блок для своего HTML-кода, — так же, как описано в статье как установить виджет на сайт. Особые поля формы (город, услуга, бюджет) размечают мышкой в разделе «Интеграция с сайтом» — пошагово это разобрано в статье заявки с сайта в CRM без программиста. О таком пути напоминает кнопка «Нет моего конструктора» в шапке раздела: окно «Нет вашего конструктора?» кнопкой «Перейти к захвату форм» ведёт прямо к разметке.

Вебхук конструктора нужен, когда важны точное сопоставление полей по ключам Tilda, исключение отдельных форм, антидубль и отложенное создание лида.

Как подключить Tilda к CRM: пошаговая настройка

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

   В меню кабинета откройте «Настройки» → «Интеграции» → «Интег. с конструкторами» (прямая ссылка — /land/lk/integrations/lead.php). Нажмите «Создать интеграцию», выберите карточку «Tilda» и нажмите «Далее».
2. 2
   Выберите проект и шаг

   В списке «Проект» уже стоит текущий проект кабинета (проект — отдельный сайт или направление со своей воронкой). В «Шаг воронки по умолчанию» выберите этап, на который встанет новый лид, например «Новый лид» (как завести свои этапы — в статье как настроить шаги воронки продаж).
3. 3
   Вставьте ключи (необязательно)

   На шаге «Ключи» вставьте в «Ссылку на проект Tilda» адрес проекта. Нажмите «Получить ключи в Tilda», скопируйте «Public key» и «Secret key» и нажмите «Проверить и найти поля». Кабинет просмотрит до 12 страниц проекта и найдёт поля форм.
4. 4
   Сопоставьте поля

   На шаге «Поля» для каждого поля формы выберите поле CRM: «Телефон», «Имя», «Email», «Своё поле» или «Пропустить». Телефон, имя и почту кабинет угадывает сам.
5. 5
   Добавьте исключения

   На шаге «Формы» впишите в «Формы-исключения» формы, по которым лид не нужен: отзывы, квизы, калькуляторы. Или нажмите на форму в списке «Известные формы».
6. 6
   Скопируйте вебхук и сохраните

   На шаге «Вебхук» нажмите «Скопировать» рядом с «Адресом вебхука», затем «Сохранить». Адрес заработает только после сохранения.
7. 7
   Подключите вебхук в Tilda

   Настройки сайта → Формы → «Сервисы приёма данных» → Webhook. Вставьте адрес в «Webhook URL», включите галочку «Посылать Cookies», нажмите «Сохранить» и «Подключить сервис ко всем формам на сайте».
8. 8
   Проверьте заявкой

   Переопубликуйте сайт и отправьте тестовую заявку. Лид появится в CRM примерно через две минуты, а статус интеграции сменится на «Принимает заявки».

Поля формы и история визита

Без ключей поля формы появятся на шаге «Поля» после первой заявки. Галочка «Посылать Cookies» привязывает к лиду историю визита — источник рекламы и страницы.

Как подключить Flexbe к CRM

У Flexbe мастер короче — три шага: «Конструктор», «Проект», «Вебхук». Ключи и сопоставление не нужны: имя, телефон и email Flexbe передаёт в самой заявке.

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

   «Создать интеграцию» → «Flexbe» → «Далее».
2. 2
   Выберите проект и шаг воронки

   И нажмите «Далее».
3. 3
   Скопируйте адрес и сохраните

   «Скопировать» у «Адреса вебхука», затем «Сохранить».
4. 4
   Вставьте адрес в Flexbe

   Настройки → API → «Webhook для уведомлений о новых событиях» → «Добавить webhook». Сохраните и отправьте тестовую заявку.

Flexbe не передаёт куки сайта, поэтому источник и история визита к лиду не привяжутся.

Защита от дублей и лишних лидов

Антидубль — это проверка по номеру телефона, которая не даёт одной заявке превратиться в два лида. На шаге «Вебхук» за это и за лишние лиды отвечают три тумблера:

• «Не создавать дубли лидов» — если тот же телефон уже оставлял заявку за последние часы (окно от 1 до 12 часов), новый лид не создаётся, а данные формы дописываются комментарием в найденный. У новой интеграции тумблер включён, окно — 4 часа.
• «Отложенное создание лида» — задержка до 5 минут. Полезно, пока формы параллельно ловит ещё и код на сайте.
• «Принимать заявки только через эту интеграцию» — захват форм кодом на сайте в этом проекте отключится, и двойных лидов не будет. Снимете тумблер или удалите интеграцию — захват кодом вернётся, как было.

Статус интеграции: «Принимает заявки» или «Ждёт первую заявку»

В блоке «Интеграции» у каждой строки — конструктор и домен сайта, проект, статус и число заявок. Зелёная точка «Принимает заявки» — заявки по вебхуку уже приходили. Жёлтая «Ждёт первую заявку» — их ещё не было. Карандаш открывает настройки, корзина удаляет интеграцию — после этого уберите вебхук и в конструкторе.

Читайте также: Заявки с сайта в CRM без программиста, Список лидов и канбан в CRM, Права доступа сотрудников в CRM