Скрипт для любого сайта и Woove Connect: заявки в CRM и мессенджеры

Скрипт для любого сайта: как отправлять заявки в amoCRM, Битрикс24, Telegram, GetCourse и другие сервисы через Woove

Скрипт Woove Connect для любого сайта — это перехват отправки форм на самописном сайте или в любой CMS. Вставьте одну строку перед </body> и добавьте форме атрибут data-woove: заявки уйдут в ваши сервисы.

Как это работает

У каждой интеграции в кабинете свой адрес вебхука. Платформа отправляет на него данные формы, Woove разбирает поля и передаёт заявку в сервис. Ответ сервиса виден в заявке.

Адрес выглядит так: https://woove.ru/hook/<платформа>/<ваш ключ>. Ключ в нём секретный.

Настройка в скрипте для сайта

1. В кабинете откройте «Connect» и нажмите «Открыть» у нужной интеграции. Если её ещё нет, нажмите «Подключить».
2. На вкладке «Настройка» в поле «Источник заявок» выберите «Скрипт для любого сайта» и скопируйте ключ из поля «Ключ для скрипта».
3. Вставьте перед </body>: <script src="https://woove.ru/connect.js" data-hook="<ваш ключ>"></script>
4. Формам добавьте атрибут data-woove="1" или data-woove="Название формы". Скрипт перехватит отправку, передаст поля в Woove и покажет текст из data-thanks или перейдёт по data-redirect.
5. Форму без data-woove скрипт не трогает.

Скрипт для сайта

Вставьте строку перед закрывающим тегом body, ключ возьмите из кабинета:

<script src="https://woove.ru/connect.js" data-hook="<ваш ключ>"></script>
<form data-woove="Заявка" data-thanks="Спасибо! Перезвоним." data-redirect="">
  <input name="Name" placeholder="Имя">
  <input name="Phone" placeholder="Телефон">
  <button>Отправить</button>
</form>

Что делает скрипт

Скрипт слушает событие submit на всей странице и обрабатывает формы с атрибутом data-woove. Остальные формы работают как раньше.

Обычная отправка формы останавливается. Данные уходят JSON-запросом на адрес вебхука, к ним добавляется адрес страницы в поле page.

Кнопка отправки выключается на время запроса. После успеха форма очищается и показывает текст из data-thanks или переходит по data-redirect.

Уходят только текстовые поля. Файлы и поля с именем на подчёркивание скрипт пропускает.

Значение data-woove попадает в поле form, если это не единица. В кабинете видно, с какой формы пришла заявка.

Поля заявки

Имя, телефон, почту и комментарий мы находим по именам name, phone, email, comment и их русским подписям. Поле с другим именем впишите в «Поля формы» в настройках интеграции. Остальные поля приходят как есть.

Как проверить

Отправьте заявку с формы и откройте интеграцию в «Connect», вкладку «Заявки». Пока включён черновой режим, разобранная заявка получает статус «Черновик» и в сервис не уходит. При статусе «Не разобрано» причина указана в карточке заявки.

Новая интеграция начинает работу в черновом режиме. Чтобы заявки уходили в сервис, на вкладке «Настройка» в блоке «Проверка и запуск» выключите «Черновой режим» и нажмите «Сохранить». Выключить его можно в 14 пробных дней после подключения или после оплаты.

Если не работает