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

На чтение
мин
Опубликовано
14.01.2022
Просмотров
4320
В данной статье рассмотрим, как подключить к CRM-системе Битрикс24 - Формы обратной связи; - WhatsApp; - Телефон; - Jivosite и другие мессенджеры. Подключив весь список к своей CRM, данные от клиентов будут передаваться в Битрикс для Ваших менеджеров.

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

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

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

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

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

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

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


        1. <div hidden>
 	2. [text utm_source default:get]
 	3. [text utm_medium default:get]
 	4. [text utm_campaign default:get]
 	5. [text utm_term default:get]
 	6. [text utm_content default:get]
 	7. </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

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

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

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


 	1. add_action( 'wpcf7_mail_sent', 'your_wpcf7_mail_sent_function' );
 	2. function your_wpcf7_mail_sent_function( $contact_form ) {
 	3. $title = $contact_form->title;
 	4. // формируем URL в переменной $queryUrl
 	5. $queryUrl = 'ВАШВЕБХУК';
        6. // формируем параметры для создания лида в переменной $queryData // → добавить лид lead.add.json 
        7. //Вместо "Контактная форма 1" ниже необходимо указать название Вашей контактной формы 
        8. if ('Контактная форма 1' == $title ):{ 
        9. $Name = $_POST['xxx']; 
        10. $email = $_POST['xxx']; 
        11. $phone = $_POST['xxx']; 
        12. $comment = $_POST['xxx']; 
        13. $source = $_POST['utm_source']; 
        14. $medium = $_POST['utm_medium']; 
        15. $campaign = $_POST['utm_campaign']; 
        16. $term = $_POST['utm_term']; 
        17. $device = $_POST['utm_content']; 
        18. $queryData = http_build_query(array( 
        19.  'fields' => array( 
        20.    'TITLE' => 'Форма 1', 
        21.    'NAME' => $Name,
        22.    'EMAIL_WORK' => $email, 
        23.    'PHONE_WORK' => $phone, 
        24.    'COMMENTS' => $comment, 
        25.    'UTM_SOURCE'=>$source, 
        26.    'UTM_MEDIUM'=>$medium, 
        27.    'UTM_CAMPAIGN'=>$campaign, 
        28.    'UTM_TERM'=>$term, 
        29.    'UTM_CONTENT'=>$device, 
        30.  ),
        31.  'params' => array("REGISTER_SONET_EVENT" => "Y") 
        32. )); 
        33. // обращаемся к Битрикс24 при помощи функции curl_exec 
        34. $curl = curl_init(); 
        35. curl_setopt_array($curl, array( 
        36.  CURLOPT_SSL_VERIFYPEER => 0, 
        37.  CURLOPT_POST => 1, 
        38.  CURLOPT_HEADER => 0, 
        39.  CURLOPT_RETURNTRANSFER => 1, 
        40.  CURLOPT_URL => $queryUrl, 
        41.  CURLOPT_POSTFIELDS => $queryData, 
        42. )); 
        43. $result = curl_exec($curl); 
        44. curl_close($curl); 
        45. $result = json_decode($result, 1); 
        46. if (array_key_exists('error', $result)) echo "Ошибка при сохранении лида: ".$result['error_description']." 
        47. "; 
        48. }

Если нужно настроить передачу нескольких форм, то используйте оператор “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.

Если статья была полезной подписывайтесь
Подписаться
Если у вас остались вопросы или нужен разработчик сайта, напишите мне в Telegram или WhatsApp
Также вы можете позвонить мне по номеру телефона +7 (904) 634-38-92

Обсудим ваш проект

Если у вас остались вопросы, напишите мне в Telegram или WhatsApp, или заполните форму обратной связи

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