Интеграция 1С-Битрикс и ВКонтакте

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

Из настройки интеграции: access_token, v, peer_id, random_id.

Запрос во ВКонтакте: POST https://api.vk.com/method/messages.send.

<script src="https://woove.ru/connect.js" data-hook="<ваш ключ>"></script>
<!-- форма компонента form.result.new: тегу form добавлен data-woove -->
<form name="SIMPLE_FORM_1" data-woove="Обратная связь">
  <input type="text" name="form_text_1">  <!-- Имя -->
  <input type="text" name="form_text_2">  <!-- Телефон -->
  <input type="text" name="form_email_3">  <!-- Почта -->
  <textarea name="form_textarea_4"></textarea>  <!-- Комментарий -->
  <input type="submit" name="web_form_submit" value="Отправить">
</form>

1. Доступ в сообществе ВКонтакте

   Ключ доступа сообщества с правом «сообщения» и peer_id получателя.

   • Сообщество → Управление → Работа с API → Ключи доступа → «Создать ключ» с правом «сообщения сообщества»
   • В разделе «Сообщения» включите сообщения сообщества
   • Напишите сообществу от своего имени: иначе оно не сможет написать вам
   • peer_id — номер вашей страницы без «id». Для беседы сообщества это 2000000000 плюс номер беседы

   Где взять ключ сообщества ВКонтакте

2. Интеграция в кабинете

   В кабинете откройте «Connect» и подключите ВКонтакте. На вкладке «Настройка» в поле «Источник заявок» выберите «1С-Битрикс» и скопируйте ключ из поля «Ключ для скрипта». Там же заполните блок «Сообщество».

3. Отправка из 1С-Битрикс

   • Веб-формы Битрикса не отправляют вебхуки. Подключите скрипт Woove в шаблоне сайта перед </body> и добавьте формам атрибут data-woove.
   • Другой способ: обработчик события формы OnAfterResultAdd, который отправляет POST на https://woove.ru/hook/bitrix/<ваш ключ> с полями формы.
   • Для CRM-форм Битрикс24 настройте робота «Отправить вебхук» на https://woove.ru/hook/bitrix/<ваш ключ>.

   Скрипт Woove перехватывает отправку формы и отменяет обычную. Если результат нужен и в Битриксе, отправляйте заявку на стороне сервера. Серверный путь: обработчик события OnAfterResultAdd модуля «Веб-формы» отправляет POST на адрес вебхука. Заявка сохраняется в Битриксе и уходит в Woove. Сайты на Битриксе часто работают в кодировке windows-1251. При отправке из PHP переведите значения в UTF-8 через iconv, иначе текст придёт нечитаемым. Скрипт Woove отправляет JSON в UTF-8 независимо от кодировки страницы.

   Формы компонента main.feedback уходят через AJAX. Там штатная обработка сохраняется: заявка попадёт и в Битрикс, и в Woove.

4. Поля формы

   На вкладке «Настройка» в блоке «Поля формы» впишите:

   • «Имя»: form_text_1
   • «Телефон»: form_text_2
   • «Почта»: form_email_3
   • «Комментарий»: form_textarea_4

   Номер в имени поля свой у каждой формы: откройте страницу с формой и посмотрите атрибут name у поля в коде.

5. Проверка

   Отправьте веб-форму на сайте. На вкладке «Заявки» у неё будет статус «Черновик» и то, что уйдёт во ВКонтакте. Затем выключите «Черновой режим» на вкладке «Настройка».

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