Интеграция
Получение заявок из формы на сайте → Добавление лида в CRM Bitrix
В этой инструкции настроим связку формы на сайте → лид Bitrix24: приём данных из форм на сайте, создание лида в Bitrix24. Ниже — шаги по порядку, с примерами.
Отдельные инструкции: источник «Получение заявок из формы на сайте» · действие «Добавление лида в CRM Bitrix»
Не хотите настраивать сами? Сделаем бесплатно
Напишите, какие сервисы нужно связать. Специалист настроит интеграцию, проверит, что данные доходят, и оставит вам готовый процесс.
Создание подключений
Если вы ещё не создавали нужные подключения - не пропускайте этот блок: без них настроить интеграцию не получится. Если подключения уже есть в WebJack, можно сразу перейти к настройке источника и действия ниже.
Подключение Bitrix24
Приложение в маркетплейсе
Перед подключением через OAuth установите приложение Webjack в маркетплейсе Bitrix24 для своей страны:
- Россия - webjack.connector
- Беларусь - webjack.connector_by
- Казахстан - webjack.webjack_kz
Создание подключения
- В меню слева выберите «Подключения».
- Нажмите «+».
- Выберите тип «Bitrix» и нажмите «Выбрать».
- В поле «Сайт» укажите адрес портала Bitrix24, например
https://company.bitrix24.ru. - В поле «Регион» выберите способ подключения.
Регион «Россия», «Беларусь» или «Казахстан»
- Убедитесь, что приложение для этой страны уже установлено в портале.
- В поле «Регион» выберите «Россия», «Беларусь» или «Казахстан».
- При необходимости включите «Использовать постоянные IP».
- Нажмите «Подключить» и авторизуйтесь в Bitrix24 под администратором портала.
- После успешной авторизации подключение появится в списке.
Регион «Webhook»
Используйте этот способ, если приложение из маркетплейса установить нельзя - например, на коробочном Bitrix24.
- В Bitrix24 создайте входящий вебхук с правами CRM.
- Скопируйте URL вебхука для вызова REST API.
- В поле «Сайт» вставьте этот URL.
- В поле «Регион» выберите «Webhook».
- При необходимости включите «Использовать постоянные IP».
- Нажмите «Подключить».
Создайте обработку
В левом меню откройте «Обработки» и нажмите «+».
Источник «Форма на сайте»
Заявки с HTML-формы на любом сайте начнут поступать после установки скрипта. Укажите поля формы и вставьте скрипт в body. Адрес страницы, utm-метки и cookie аналитики приходят автоматически.
Выбор типа источника
- В списке типов источника выберите «Форма на сайте» и нажмите «Выбрать».
Поля формы
- Укажите «Название» источника.
- В блоке «Поля» нажмите «Добавить поле» и в «Название» укажите атрибут name у input, select или textarea.
- При необходимости в «Параметры» добавьте GET-параметры страницы сверх utm-меток, а в «Cookie» - cookie сверх аналитики.
- Нажмите «Сохранить».
Скрипт на сайт
- Откройте вкладку «Источник данных», скопируйте «Скрипт» и вставьте его на сайт внутрь тега body.
- Откройте опубликованную страницу с формой и отправьте тестовую заявку.
Автоматические поля со страницы
Эти поля появляются в заявке без настройки в блоках «Поля», «Параметры» и «Cookie».
- «Дата и время создания» - момент, когда заявка попала в обработку.
- «Ссылка (полная)» - адрес страницы вместе со строкой запроса.
- «Ссылка» - адрес страницы без параметров.
- «Сайт» - схема и хост страницы, без пути и без параметров.
- «Домен» - хост страницы.
- «Заголовок страницы» - содержимое
document.title. - «Параметры» - все собранные GET-параметры одной JSON-строкой.
- «Cookie» - строка cookie браузера на момент отправки.
Отдельными полями всегда приходят utm-метки, если они были в адресе после установки скрипта:
- «Параметр utm_source»
- «Параметр utm_medium»
- «Параметр utm_campaign»
- «Параметр utm_content»
- «Параметр utm_term»
Отдельными полями всегда приходят cookie аналитики, если они есть в браузере:
- «Cookie _ga»
- «Cookie _gid»
- «Cookie _ym_uid»
- «Cookie _ym_d»
- «Cookie roistat_visit»
- «Cookie roistat_first_visit»
- «Cookie roistat_marker»
- «Cookie roistat_marker_old»
Если заявка не приходит
- Проверьте, что скрипт стоит внутри body опубликованной страницы, а не только в редакторе.
- Названия в блоке «Поля» должны совпадать с атрибутом name у элементов формы.
- Отправьте тест с живой страницы и при необходимости нажмите «Получить поля из последнего запроса».
- Не удаляйте и не меняйте идентификатор в скопированном «Скрипт».
Действие «Добавление лида в CRM Bitrix»
В Bitrix24 создаётся лид с названием, контактами и стадией. Выберите подключение и заполните поля обращения.
Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
Подключение
- В поле «Подключение» выберите подключение Bitrix.
Параметры лида
- Заполните «Название».
- Укажите «Имя», «Телефон» и «Email» или подставьте переменные из сценария.
- Выберите «Стадия», «Ответственный» и «Источник». Значения списка откройте кнопкой «...».
- При необходимости заполните «Комментарий» и «Дополнительно об источнике».
- При необходимости настройте «Обработка дубликатов».
- Нажмите «Сохранить».
Запустите обработку
- В обработку начнут поступать данные из настроенного источника.
- По очереди выполнятся все добавленные действия.
- Входящие данные, статус и история отобразятся в «Истории операций».
Застряли на подключении или полях?
Соберём обработку «Получение заявок из формы на сайте → Добавление лида в CRM Bitrix», проверим тест и запустим.