интеграция контакт форм 7 и битрикс 24
Интеграция Contact Form 7 (WordPress) с Bitrix24
Многие владельцы сайтов на CMS WordPress уже задумывались как же связать сайт с CRM системой Битрикс 24? Чтобы ответить на данный вопрос, давайте рассмотрим интеграцию Contact Form 7 и Bitrix24.
Как связать CF7 WordPress и Битрикс24.
И так, давайте более детально рассмотрим автоматическую передачу заявок в CRM Битрикс24 для одной из популярных CMS систем WordPress, а также не менее популярного для неё плагина для создания, получения и обработки лидов с сайта — Contact Form 7. Для этого на понадобится:
Хук для перехвата введенных данных из CF7
Что такое хук? Хук — это технология перехвата вызова функций в сторонних процессах. Соответственно, так как Contact Form 7 — это сторонний плагин, то нам необходим хук для получения обрабатываемых там данных.
В нашем случаи хук для перехвата данных из Contact Form 7 в CMS WordPress будет выглядеть следующим образом:
Выбор подходящего способа передачи в Битрикс 24
Из данных двух способов, я бы рекомендовал использовать интеграцию при помощи входящего вебхука в Битрикс24, так как данный способ более безопасный и более функциональный, чем интеграция при помощи упрощенного Rest API.
С помощью упрощенного Rest API
Объединение хука и PHP скрипта
Рассмотрев PHP скрипт упрощенного Rest API для отправки данных в Bitrix24 и Хук для перехвата введенных данных из Contact Form 7 теперь можно перейти к объединению данных двух функций. При этом необходимо будет учесть последовательность функций в коде, которая будет иметь следующий вид:
Таким образом мы получим код следующего вида:
При помощи входящего вебхука
PHP скрипт входящего вебхука и принцип его работы был рассмотрен ранее в статье «Автоматическое создание лидов в Битрикс24 при помощи входящего вебхука».
Объединение хука и PHP скрипта
Таким образом мы получим код следующего вида:
Особенности для передачи номера телефона, email или мессенджера
При интеграции CF и Битрикс 24 с помощью входящего вебхука, необходимо учесть особенности передачи номера телефона, email или мессенджера.
, где nX — это одно значение (телефона или электронной почты), которое всегда начинается с 0.
Таким образом, для передачи хотя бы одного телефона и адреса электронной почты, код будет иметь следующий вид:
Интеграция Contact Form 7 (WordPress) с Битрикс24: пошаговая инструкция
Интеграция Contact Form 7 с Битрикс24 позволяет получать лиды, контакты клиентов и заявки прямо в CRM-систему, что даст возможно обрабатывать и хранить информацию в удобном интерфейсе и автоматизировать бизнес-процессы.
Установка плагина для интеграции Contact Form и Bitrix24
В первую очередь переходим в «Плагины»-«Добавить новый» и вводим «Bitrix24» после чего устанавливаем плагин от автора Ivan Zhukov.
Важно! В данный момент модуль платный и скачать его можно по ссылке ниже:
Далее переходим в «Contact Form 7»-«Интеграция Bitrix24», где заполняем следующие данные:
Все готово, можно переходить к настройке форм.
Настройка интеграции Contact Form 7 и Битрикс24
Переходим «Контактные формы» и выбираем нужную нам.
Во вкладке «Bitrix24 Лиды» выбираем, какой именно данные будут переданы и в какие поля в CRM систему.
Например, в примере email можно передать как:
После выбора полей и сохранения настроек можно переходить к тестированию.
Тестирование передачи лидов из контактной формы в CRM-систему
Потребуется сделать тестовую заявку через форму.
Видим, что появился лид во вкладке «CRM»-«Сделки», куда необходимо перейти.
Видим, что все данные, нужные для обработки сохраняются и автоматически подставляются в нужные данные.
Также приходят комментарии, номера телефонов, email-адреса и другие поля.
Дополнительно создается контакт клиент.
Здесь также видим данные для дальнейшей выгрузки и анализа, а также созданные лиды и сделки.
Интеграция Contact Form 7 и Bitrix24 CRM
Особенности:
Очень легко настраивается!
Бесплатная техническая поддержка 6 месяцев.
Если вы хотите протестировать работу плагина перед покупкой, вы можете сделать это, отправив запрос на демо, через ссылку «Получить демо» (ссылка под кнопкой «Купить на Envato») на странице получить демо (перейти). Вы получите полноценный сайт, чтобы проверить работу, запросы обрабатываются автоматически, поэтому вам не потребуется долго ждать.
Важно:
Шаг 1 — Установка
Шаг 2 — Настройки в CRM
Нажмите `ДОБАВИТЬ ВЕБХУК`. Выберите `Входящий вебхук`. 
Отметьте `Задачи`, `Задачи (расширенные права)`, `CRM` and `Чат и уведомления (im)`. Нажмите кнопку `СОХРАНИТЬ`. 
Скопируйте значение из `Пример URL для вызова REST` без `profile/`. 
Шаг 3 — Настройки интеграции c CRM
Найдите «Интеграция с Bitrix24» и нажмите «Перейти к настройке». 
Вставьте в поле `Входящий веб-хук` скопированное значение.
Сохраните настройки. 
Шаг 4 — Настройки в форме
Перейдите Contact Form 7. Откройте форму, данные из которой вы хотите отправлять в Bitrix24.
Откройте вкладку Bitrix24.
Отметьте чекбокс «Включить отправку лида».
Выберите тип, который будет формироваться в CRM (лид, сделка, задача, контакт или компания). 
Заполните поля для выбранного типа и сохраните форму.
Теперь, когда форма будет отправляться, данные будут переданы в Bitrix24.
Ниже пример заполнения полей. 
Другие заполняются по аналогии.
Дополнительная информация
Формирование шорткода `bitrix24_select` для генерации селекта из значений Bitrix24 CRM.
В шаблоне формы: 
В настройках для Bitrix24: 
Подробнее здесь. Видео-инструкция по установке плагина
Битрикс24 интеграция с сайтом, с Contact Form7, с WordPress
Битрикс24 интеграция с сайтом. Как соединить Битрикс24 и Contact Form7 WordPress
Сегодня я расскажу, как интегрировать в Битрикс24, Contact Form7 WordPress. Наша задача будет состоять в том, чтобы получать данные из любых сайтов и все собирать в одном месте.
Сначала, в первой части видео, мы зарегистрируем себе CRM, и я покажу самый простой вариант интеграции.
Создадим сайт на платформе самой CRM Битрикс24 и установим на него виджет заказа обратного звонка, онлайн чата, и контактной формы. С недавнего времени появилась такая возможность и не все еще о ней знают.
Далее мы научимся устанавливать виджет Битрикс24 на любой сайт и получать с него лиды, обращения.
И третий пункт, это высший пилотаж мы интегрируем в нашу CRM Contact Form7 и получим данные из любых полей формы, сопоставив их с полями CRM.
Смотрим видео. Код который будет нам необходим выкладываю ниже
Код для интеграции на одну форму
И так самый первый код, если Вы используете 1 форму Contact Form на сайте WordPress. Вставить его нужно в конец файла functions.php
Таблица полей для сопоставления тут
Поменяем данные в коде на свои
Для добавления своих полей пользуйтесь этой табличкой
| Таблица 1: Параметры для лидов | |
| ПАРАМЕТР | ОПИСАНИЕ |
| LOGIN | Логин |
| PASSWORD | Пароль |
| TITLE | Заголовок лида |
| HONORIFIC | Тип обращения к клиенту |
| NAME | Имя клиента |
| LAST_NAME | Фамилия клиента |
| SECOND_NAME | Отчество клиента |
| BIRTHDATE | Дата рождения клиента |
| ADDRESS | Адрес клиента |
| ADDRESS_2 | Вторая строка адреса клиента |
| ADDRESS_CITY | Город клиента |
| ADDRESS_COUNTRY | Страна клиента |
| ADDRESS_COUNTRY_CODE | Код страны клиента |
| ADDRESS_POSTAL_CODE | Почтовый индекс клиента |
| ADDRESS_PROVINCE | Регион клиента |
| ADDRESS_REGION | Район клиента |
| COMPANY_ID | Привязка лида к компании |
| COMPANY_TITLE | Название компании, привязанной к лиду |
| CONTACT_ID | Привязка лида к контакту |
| POST | Должность клиента |
| COMMENTS | Комментарий клиента |
| SOURCE_DESCRIPTION | Дополнительно о статусе |
| STATUS_DESCRIPTION | Дополнительно об источнике |
| OPPORTUNITY | Возможная сумма сделки |
| CURRENCY_ID | Валюта |
| PRODUCT_ID | Продукт |
| SOURCE_ID | Источник |
| STATUS_ID | Статус |
| ASSIGNED_BY_ID | Ответственный за клиента |
| PHONE_WORK | Рабочий телефон |
| PHONE_MOBILE | Мобильный телефон |
| PHONE_FAX | Номер факса |
| PHONE_HOME | Домашний телефон |
| PHONE_PAGER | Номер пейджера |
| PHONE_OTHER | Другой телефон |
| WEB_WORK | Корпоративный сайт |
| WEB_HOME | Личная страница |
| WEB_FACEBOOK | Страница Facebook |
| WEB_LIVEJOURNAL | Страница LiveJournal |
| WEB_TWITTER | Микроблог Twitter |
| WEB_OTHER | Другой сайт |
| EMAIL_WORK | Рабочий e-mail |
| EMAIL_HOME | Частный e-mail |
| EMAIL_OTHER | Другой e-mail |
| M_SKYPE | Контакт Skype |
| IM_ICQ | Контакт ICQ |
| IM_MSN | Контакт MSN/Live! |
| IM_JABBER | Контакт Jabber |
| IM_OTHER | Другой контакт |
| UTM_CAMPAIGN | Обозначение рекламной кампании |
| UTM_CONTENT | Содержание кампании |
| UTM_MEDIUM | Тип трафика |
| UTM_SOURCE | Рекламная система |
| UTM_TERM | Ключевое слова/условия поиска |
Код для интеграции на две формы
По аналогии с первой формой
Код для третьей и последующих форм
Меняем только названия форм, и полей. Вставляем между «//Конец второй формы и endif в 127 строку» и каждая последующая соответственно перед endif
Интеграция Битрикс24 и WordPress Contact Form 7
Для интеграции Битрикс24 и WordPress Contact Form 7, необходимо установить два плагина, которые будут обмениваться информацией между собой. Настройка занимает не более 5 минут.
Основные преимущества плагина:
Видео установки и настройки интеграции Bitrix24 и WordPress Contact Form 7.
Обращаем внимание, что плагин предназначен только для интеграции Contact Form 7. Интеграция с WooCommerce настраивается с помощью другого плагина (читайте: Интеграция Битрикс24 и WooCommerce). Интеграции с другими плагинами и формами можно выполнить отдельно на платной основе, для этого оставьте заявку.
Инструкция по интеграции
Установка плагина интеграции на портал Битрикс24
Зайдите в Маркетплейс на портале Битрикс24, введите в строке поиска «flamix wordpress» и нажмите “Установить”.
Установить приложение можно и с публичного маркета Битрикс24. Маркетплейс для каждой страны свой. Ссылки на плагин интеграции WordPress и Битрикс24:
Плагин недоступен в Республике Беларусь!
Активация плагина
Активируйте демо-версию на 30 дней, введите вашу контактную электронную почту. После 30 дней — использование плагина платно. Бесплатно плагин предоставляется только при продлении Битрикс24 через Flamix и партнеров.
Секретный токен
Перейдите на страницу Интеграции и скопируйте секретный токен.
Установка плагина
В админ панели вашего сайта зайдите в раздел Плагины — Добавить новый. В Маркетплейсе в строке поиска напишите «flamix contact forms» и установите.
Нажимаем “Активировать”, после чего, плагин можно настраивать.
Для перехода в настройки, наводим курсор мыши на меню Настройки, выбираем B24-CF7 или нажимаем Настройки в списке активированных плагинов.
Настройка плагина
Вводим домен и секретный токен, полученные на предыдущих шагах, в соответствующие поля. Сохраняем и проверяем проходят ли они авторизацию.
Отправить поля в Bitrix24
Чтобы Битрикс24 знал какие поля есть на сайте, вы должны отправить каждую уникальную форму.
Настройка
Заходим в Маркетплейс Битрикс24, находим наш плагин (иногда он может быть скрыт в пункте More/Еще) и выбираем, какие поля из формы будут записаны в поля Битрикс24 и другие настройки.
Если полей нет, значит вы не отправили все формы или ваши формы реализованы не на плагине Contact Form 7.
Тестирование
Перейдите по ссылке (можно с UTM-меткой для тестирования), заполните форму и отправьте. После чего, в Битрикс24 появится ЛИД с полями, которые вы передали с сайта.