Заявки с сайта в CRM: как подключить формы без программиста

Если заявки с сайта в CRM не попадают сами, они приходят на почту владельцу и теряются среди писем. Менеджер узнаёт о них через часы, а клиент за это время уходит к конкуренту. Такая заявка не попадает в воронку: её не возьмёт голосовой AI-бот, не сработает автоворонка, не посчитается реклама.

Раздел «Интеграция с сайтом» решает это без программиста. Интеграция формы сайта с CRM — это связь, при которой данные из формы сами создают лида в кабинете. На сайт ставится один код, а вы мышкой показываете, какое поле формы — имя, какое — телефон или e-mail. После этого каждая заявка с формы сама появляется в CRM с контактами клиента и источником визита. Так подключаются формы любых конструкторов — Tilda, WordPress, 1С-Битрикс — и сайтов, сделанных на заказ.

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

Зачем бизнесу заявки с форм сразу в CRM

• Онлайн-школа. Форма «Записаться на вебинар» со списком «Курс»: имя, телефон и курс попадают в карточку. Голосовой AI-бот перезванивает по свежей заявке за секунды.
• Клиника, салон, автосервис. Пока на сайте не размечены кнопки «Отправить», контакт приходит в CRM прямо при вводе. Администратор перезванивает тем, кто ввёл телефон и ушёл со страницы.
• Недвижимость. Авторазметка сама находит формы на разных страницах и во всплывающих окнах. «Бюджет» и «Район» попадают в поля карточки лида.
• B2B-продажи. Форма «Запросить КП» с полями «Компания» и «ИНН». Авторазметка предложит создать недостающие поля CRM, и менеджер получит заявку с реквизитами.

Как работает интеграция сайта с CRM

На странице «Разметка форм сайта» три шага: «Адрес сайта и код», «Разметка форм», «Проверка заявкой». Кнопка «Открыть сайт для разметки» ведёт на страницу «Разметка сайта»: ваш сайт на весь экран и панель разметки над ним.

В окне разметки открывается копия страницы. Формы в ней не отправляются, а посетители сайта ничего не замечают. Код для сайта тот же, что у виджета для сайта. Он работает, только если виджет проекта создан в «Виджетах» и не стоит на паузе. Вместе с заявкой код передаёт данные визита: источник, рекламную кампанию и UTM-метки — это подписи в ссылке, по которым видно рекламу.

Как подключить формы сайта к CRM

1. 1
   Проверьте виджет

   В «Виджетах» у проекта должен быть создан и сохранён виджет.
2. 2
   Укажите адрес страницы

   В шаге 1 впишите адрес страницы с формой и нажмите «Проверить код».
3. 3
   Установите код

   Если «Код не найден», откроется окно «Установите код на сайт». Нажмите «Скопировать» и вставьте код на все страницы перед закрывающим тегом </body>. На конструкторе сайтов код вставляют в настройках сайта, в блок для своего HTML-кода. Или впишите почту в блок «Отправить разработчику» — ему придёт код с инструкцией. Затем нажмите «Проверить снова».
4. 4
   Откройте сайт для разметки

   Когда статус «Код найден», нажмите «Открыть сайт для разметки» в шаге 2.
5. 5
   Разметьте формы

   Нажмите ✨ «Авторазметка». Или выберите в списке «Режим» вариант «Захват данных» и нажимайте на поля формы. В окне укажите поле в списке «Что это за поле?» и нажмите «Сохранить».
6. 6
   Проверьте заявкой

   Через несколько минут оставьте тестовую заявку на настоящем сайте. Вернитесь стрелкой «Назад к разметке форм» и в шаге 3 нажмите «Проверить».

Переделали форму на сайте — откройте сайт для разметки снова, удалите старые строки в «Размечено» и разметьте форму заново. Размечать формы могут главный аккаунт и сотрудники с флагом «Доступ в раздел настройки» и правом «Настройка CRM» в текущем проекте.

Авторазметка форм сайта

Кнопка ✨ просматривает до десяти страниц сайта, начиная с открытой. Она сама открывает окна с формами, угадывает поля и кнопки отправки и находит номера телефонов. Затем спрашивает «Когда передавать заявки в CRM?»: «Сразу при вводе» или «Только по кнопке «Отправить»». Если подходящего поля в CRM нет, авторазметка предложит его создать. В конце откроется окно «Авторазметка: проверьте, что нашлось»: выключите лишние формы галочкой и нажмите «Разметить».

Калькуляторы и фильтры без телефона, почты и имени она по умолчанию не размечает — «пустых» лидов не будет.

Заявка в CRM при вводе или по кнопке «Отправить»

Пока на сайте не размечена ни одна кнопка «Отправить», контакт уходит в CRM прямо при вводе — даже если посетитель не нажал кнопку.

Как только размечена хотя бы одна кнопка, весь сайт переходит на кнопки. Форма без своей размеченной кнопки перестаёт присылать заявки. Кнопки остальных размеченных форм на этой странице кабинет разметит сам, а формы на других страницах проверьте отдельно.

Как проверить форму сайта тестовой заявкой

Тестовую заявку оставляйте на настоящем сайте в обычной вкладке браузера: в окне разметки формы не отправляются. После разметки подождите несколько минут — сайт применяет изменения не сразу — и откройте страницу заново. Заполните по очереди каждую размеченную форму, а на «кнопочном» сайте обязательно нажмите «Отправить». Шаг 3 «Проверка заявкой» считает все заявки с форм сайта за всё время, поэтому, пришла ли именно новая, смотрите в «Заявках»: на вкладке «Статистика» карточки видно, с какой формы она пришла.

Номера, лишние блоки и всплывающие формы

• «Замена номера» — отметьте номер на сайте, и коллтрекинг для сайта покажет на его месте подменный номер.
• «Скрыть элемент» прячет лишний блок, а «Игнорировать» не передаёт в CRM поле, похожее на телефон.
• «Попап на кнопке» открывает по кнопке сайта форму из раздела «Виджет форм на сайте».

Читайте также: Заявки с Tilda в CRM: интеграция Tilda и Flexbe, Виджет для сайта: создание и код, Коллтрекинг для сайта, Создание лида в crm через api, Всплывающая форма на сайт