Заказать
Заказать

Как подключить CRM Битрикс 24 к сайту на WordPress

14.01.22

В данной статье рассмотрим, как подключить к CRM-системе Битрикс24

  • Формы обратной связи
  • WhatsApp
  • Телефон
  • Jivosite и другие мессенджеры

Подключив весь список к своей CRM, данные от клиентов будут передаваться в Битрикс для Ваших менеджеров.

Подключение форм (работает только с Contact Form 7)

Сначала нужно настроить сбор utm-меток в форму, чтобы они передались в Битрикс с другими параметрами

Для этого нужно:

1) установить в WordPress плагин Handl UTM Grabber / Tracker (слева в меню Плагины — добавить новый — ввести в поиске название)

Как подключить CRM Битрикс 24 к сайту на WordPress

2) В шаблон формы нужно добавить скрытые поля, которые будут забирать значения utm (Находится в Contact Form 7 в WordPress, там выбрать нужную форму и нажать в верхнем меню пункт “шаблон формы”)

Добавляете следующий код в шаблон:


<div hidden>
[text utm_source default:get]
[text utm_medium default:get]
[text utm_campaign default:get]
[text utm_term default:get]
[text utm_content default:get]
</div>

Как подключить CRM Битрикс 24 к сайту на WordPress

Далее настроим передачу полей из форм.

Код подходит для стандартной формы с полями “имя”, “Email”, “Телефон”, “Комментарий”.

Сначала настроим входящий вебхук

Открываем приложения — маркет

Как подключить CRM Битрикс 24 к сайту на WordPress

Далее — Разработчикам

Как подключить CRM Битрикс 24 к сайту на WordPress

Другое

Как подключить CRM Битрикс 24 к сайту на WordPress

Входящий вебхук

Как подключить CRM Битрикс 24 к сайту на WordPress

В методе выбираем crm.deal.add, в настройке прав — CRM.

Как подключить CRM Битрикс 24 к сайту на WordPress

Получаем ссылку (пример)

Как подключить CRM Битрикс 24 к сайту на WordPress

Ее нужно сохранить, чуть далее она нам понадобится. Главное — не скидывайте ее никому, иначе есть вероятность утечки данных с CRM.

Вставим код для перехвата данных на сайт

Заходим в админку сайта на WordPress.

Далее в меню слева выбираем “Внешний вид” => “Редактор тем”

Как подключить CRM Битрикс 24 к сайту на WordPress

Далее в файлах темы (меню справа) выбираем Functions.php

Как подключить CRM Битрикс 24 к сайту на WordPress

Перед закрывающей скобкой “}” в самом низу вставляем код, приведенный ниже. Но сначала его нужно отредактировать, подставив наши данные.

1) Строка 7 меняем на ваш вебхук, который вы сохранили ранее. Он должен остаться в одинарных кавычках.

2) Строка 13 пишем имя формы (Контактная форма 1 меняем на свою)

Чтобы узнать имя — заходим в Contact Form 7 в админке WordPress, заходим в нужную форму и сверху увидим ее название

Как подключить CRM Битрикс 24 к сайту на WordPress

3) С 15 по 18 строку пишем свои значения из Contact Form7 для имени, email, телефона и комментария клиента из формы (если какого-то поля в форме нет, его можно удалить из кода)

Узнать значения можно, перейдя в Contact Form 7 в WordPress, выбрав нужную форму и нажав в верхнем меню пункт “письмо”

Как подключить CRM Битрикс 24 к сайту на WordPress


add_action( 'wpcf7_mail_sent', 'your_wpcf7_mail_sent_function' );
function your_wpcf7_mail_sent_function( $contact_form ) {
$title = $contact_form->title;
// формируем URL в переменной $queryUrl
$queryUrl = 'ВАШВЕБХУК';
// формируем параметры для создания лида в переменной $queryData // → добавить лид lead.add.json
//Вместо "Контактная форма 1" ниже необходимо указать название Вашей контактной формы
if ('Контактная форма 1' == $title ):{
 $Name = $_POST['xxx'];
 $email = $_POST['xxx'];
 $phone = $_POST['xxx'];
 $comment = $_POST['xxx'];
 
 $source = $_POST['utm_source'];
 $medium = $_POST['utm_medium'];
 $campaign = $_POST['utm_campaign'];
 $term = $_POST['utm_term'];
 $device = $_POST['utm_content'];
 
 $queryData = http_build_query(array(
  'fields' => array(
    'TITLE' => 'Форма 1',
    'NAME' => $Name,
    'EMAIL_WORK' => $email,
    'PHONE_WORK' => $phone,
    'COMMENTS' => $comment,
    'UTM_SOURCE'=>$source, 
    'UTM_MEDIUM'=>$medium,
    'UTM_CAMPAIGN'=>$campaign,
    'UTM_TERM'=>$term,
    'UTM_CONTENT'=>$device,
  ),
  'params' => array("REGISTER_SONET_EVENT" => "Y")
));
// обращаемся к Битрикс24 при помощи функции curl_exec
$curl = curl_init();
curl_setopt_array($curl, array(
  CURLOPT_SSL_VERIFYPEER => 0,
  CURLOPT_POST => 1,
  CURLOPT_HEADER => 0,
  CURLOPT_RETURNTRANSFER => 1,
  CURLOPT_URL => $queryUrl,
  CURLOPT_POSTFIELDS => $queryData,
));
$result = curl_exec($curl);
curl_close($curl);
$result = json_decode($result, 1);
if (array_key_exists('error', $result)) echo "Ошибка при сохранении лида: ".$result['error_description']."
";
}

Если нужно настроить передачу нескольких форм, то используйте оператор “elseif”

( elseif (‘Контактная форма 2’ == $title ), ( elseif (‘Контактная форма 2’ == $title ) и так далее. Код внутри оператора идентичен, нужно только поменять входящие данные по необходимости

WhatsApp

Для этого используем интеграционные приложения

Я рекомендую использовать Wazzup,на мой взгляд там самый удобный интерфейс

Открываете Битрикс, в меню выбираете “маркет”, в поиске вводите Wazzup и следуете простой инструкции. Если что-то непонятно — у них быстрая поддержка, отвечают сразу и по делу.

Как подключить CRM Битрикс 24 к сайту на WordPress

После установки в меню появится строчка Wazzup, нажав на которую вы увидите все переписки в своем WhatsApp, откуда сотрудники смогут отвечать клиентам.

Телефон

Если вы используете телефонию, то также вводите в поиске маркета название своей телефонии и устанавливаете интеграционное приложение — для большинства больших ATC такие существуют

Если менеджеры общаются с помощью обычного телефона, то я советую приложение Мои Звонки — Android

Как подключить CRM Битрикс 24 к сайту на WordPress

Оно подтягивает звонки в CRM и прикрепляет записи этих звонков автоматически. Все работает хорошо и стоит недорого.

Подробный гайд по установке тут

Также есть другие приложения для интеграции, которые стоит отметить

  • Если вам нужно подключить несколько мессенджеров — Telegram, Viber, WhatsApp, Vk и тд, лучше использовать один сервис, который всех их объединит — Пакт
  • Как подключить CRM Битрикс 24 к сайту на WordPress

  • Если у вас есть чат Jivo site, то интеграция происходит через их партнер — конструктор интеграций Albato
  • Как подключить CRM Битрикс 24 к сайту на WordPress

Подробная инструкция по интеграции: https://www.jivo.ru/help/integrations/bitrix-integrasia.html

В данной статье был рассмотрен способ подключения сайта к CRM-системе через входящий вебхук и интеграционные приложения.

Конечно, в каждом методе есть “подводные камни” и нюансы, но данный способ может выступать основой для интеграции Вашего сайта к СRM Битрикс24.

Назад