"},{"@type":"HowToStep","position":3,"name":"Шаг 3","text":"Формам добавьте атрибут data-woove=\"1\" или data-woove=\"Название формы\". Скрипт перехватит отправку, передаст поля в Woove и покажет текст из data-thanks или перейдёт по data-redirect."},{"@type":"HowToStep","position":4,"name":"Шаг 4","text":"Форму без data-woove скрипт не трогает."}]},{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Нужен ли программист","acceptedAnswer":{"@type":"Answer","text":"Нет. Нужно вставить строку скрипта и добавить атрибут формы, сервер и обработчики не нужны."}},{"@type":"Question","name":"Заявка пришла, но без телефона","acceptedAnswer":{"@type":"Answer","text":"Поле формы названо не так, как мы ожидаем. Откройте заявку в кабинете, посмотрите имя поля и впишите его в «Поля формы»."}},{"@type":"Question","name":"Можно ли отправлять в несколько сервисов","acceptedAnswer":{"@type":"Answer","text":"Да. У каждой интеграции свой адрес вебхука. Если платформа принимает только один адрес, отправляйте заявку скриптом Woove или через API."}},{"@type":"Question","name":"Заявка приходит дважды","acceptedAnswer":{"@type":"Answer","text":"На странице два подключения скрипта. Оставьте одну строку перед закрывающим тегом body."}}]},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Инструкции","item":"https://woove.ru/help"},{"@type":"ListItem","position":2,"name":"Woove Connect","item":"https://woove.ru/"},{"@type":"ListItem","position":3,"name":"Скрипт для любого сайта и Woove Connect: заявки с форм в CRM и мессенджеры","item":"https://woove.ru/help/connect-js"}]}]
Инструкции → Woove Connect → Скрипт для любого сайта и Woove Connect: заявки с форм в CRM и мессенджеры

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

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

В статье: Как это работает · Настройка в скрипте для сайта · Скрипт для сайта · Что делает скрипт · Поля заявки · Как проверить

Каталог Woove Connect · Как подключить интеграцию · Кабинет

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

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

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

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

  1. В кабинете Woove откройте интеграцию → «Источник заявок» → выберите «Скрипт для любого сайта» и скопируйте адрес.

  2. Вставьте перед </body>: <script src="https://woove.ru/connect.js" data-hook="адрес вебхука из кабинета"></script>

  3. Формам добавьте атрибут data-woove="1" или data-woove="Название формы". Скрипт перехватит отправку, передаст поля в Woove и покажет текст из data-thanks или перейдёт по data-redirect.

  4. Форму без data-woove скрипт не трогает.

Поля уходят с именами из атрибутов name.

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

Вставьте строку перед закрывающим тегом 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, если это не единица. В кабинете видно, с какой формы пришла заявка.

Ключ в data-hook виден в коде страницы: по нему можно только отправить заявку. Адрес вебхука целиком на сторонних сайтах не публикуйте.

Поля заявки

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

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

Отправьте заявку с формы и откройте список заявок в кабинете. До оплаты заявки идут в черновом режиме: видны в кабинете, наружу не уходят. После оплаты переключите тумблер.

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

Нужен ли программист

Нет. Нужно вставить строку скрипта и добавить атрибут формы, сервер и обработчики не нужны.

Заявка пришла, но без телефона

Поле формы названо не так, как мы ожидаем. Откройте заявку в кабинете, посмотрите имя поля и впишите его в «Поля формы».

Можно ли отправлять в несколько сервисов

Да. У каждой интеграции свой адрес вебхука. Если платформа принимает только один адрес, отправляйте заявку скриптом Woove или через API.

Заявка приходит дважды

На странице два подключения скрипта. Оставьте одну строку перед закрывающим тегом body.

Ещё инструкции

Своя HTML-форма и Woove Connect: заявки с форм в CRM и мессенджеры

Как отправлять заявки из Своя HTML-форма в GetCourse, YCLIENTS, RetailCRM, WhatsApp и другие сервисы через Woove

Читать API и Woove Connect: заявки с форм в CRM и мессенджеры

Как отправлять заявки из API в GetCourse, YCLIENTS, RetailCRM, WhatsApp и другие сервисы через Woove

Читать

Все инструкции · Вопросы — в чат в правом нижнем углу.