Интеграция сайта на WordPress с Битрикс24. Передаем лиды с формы на сайте в CRM
Один из главных вопросов, волнующих пользователей Битрикс24 — как интегрировать сайт и CRM? Если для интеграции сайта на CMS 1С-Битрикс: Управление сайтом с Битрикс24 еще есть различные решения, то интегрировать сайт, например, на WordPress задача нетривиальная.
В сегодняшнем обзоре мы расскажем о двух способах интеграции сайта на WordPress с Битрикс24. Один из них более сложный, но дает больше возможностей, другой гораздо проще и подойдет для быстрой интеграции.
Условия
Итак, у нас есть сайт на WordPress. Мы используем плагин Contact Form 7, так как это одно из лучших решений для организации сбора лидов с сайта через формы.
В наших формах есть поля не только для email-а, имени и номера телефона, но и кастомные. Нам нужно, чтобы вся информация из форм передавалась в Битрикс24 в виде Лидов.
Способ №1
Интегрировать сайт с Битрикс24 мы будем с помощью вебхуков. Для начала создадим входящий вебхук в нашем портале. Сделать это несложно, достаточно действовать по инструкции .
Теперь переходим к редактированию файла functions.php в административной части WordPress.
Добавляем в файл код обработчика события отправки данных из формы.
Посмотреть файл с кодом
Сама отправка происходит несколькими дополнительными функциями. Функция отправки REST запроса.
Посмотреть файл с кодом
Функция получения clientID от Google Analytics.
Посмотреть файл с кодом
Теперь осталось непосредственно отправить все необходимые данные в Битрикс24. Функция, которая это делает, довольно большая, поэтому показывать ее мы не будем.
Посмотреть файл с кодом
Не забудьте сохранить изменения в файле.
Результат
В результате мы получили рабочий механизм передачи лидов с сайта на WordPress в CRM Битрикс24. Передаваться будет как информация, введенная в поля формы пользователем, так и utm-метки, а также другая необходимая для аналитики информация. Естественно, если у вас настроена Сквозная аналитика в Битрикс24, а ссылки верно размечены, Лиды с формы будут учтены в отчетах.
Способ №2
Этот способ интеграции сайта с Битрикс24 гораздо проще. Он прекрасно подойдет вам, если требуется передавать в CRM только базовые поля, так как: email, телефон, имя.
Мы разработали приложение для Битрикс24, которое называется «Перехватчик — генератор лидов PRO» . Оно умеет перехватывать данные с форм на любых сайтах, будь то WordPress или даже чистый html.
На настройку уйдет не больше 10-15 минут. При этом все utm-метки также будут попадать в Битрикс24, а значит вы без труда сможете пользоваться Сквозной аналитикой.
Результат
Можно сказать, что это интеграция сайта с Битрикс24 “для ленивых”. Минимум времени на настройку, все работает “из коробки”. Однако, нужно помнить о том, что в CRM передаются лишь основные поля. Если больше вам и не нужно, тогда мы советуем именно «Перехватчик — генератор лидов PRO» .
Если же вы хотите больше возможностей, то воспользуйтесь способом №1.
Очевидный минус данного способа — его сложность. Хоть и не нужно быть программистом, чтобы проделать то, что мы вам показали, но все-таки знания и понимание работы с кодом необходимы. К тому же потребуется время на создание вебхука, редактирование файлов сайта и проверку работы механизма.
Или же вы можете обратиться к нам. Наши специалисты быстро и качественно настроят интеграцию Битрикс24 с сайтом на WordPress, а также проконсультируют вас по всем интересующим вопросам. Если нужна помощь, заполняйте форму, мы свяжемся с вами в течение часа.
Доставка полезной информации от экспертов по Битрикс24!
Подпишитесь, и раз в неделю у вас на почте будет подборка полезных советов и обзоров про Битрикс24
Интеграция Битрикс24 с сайтом — восемь красивых и не очень способов
- Интеграция сайта с Битрикс24 для передачи заявок и лидов
- Универсальные способы интеграции для любых сайтов и CMS
- Интеграция форм сайта на Битрикс с Битрикс24 — вам повезло (но это не точно)
- Интеграция Битрикс24 и форм из Tilda, LP-Generator и т.д. — пан или пропал
- Интеграция Битрикс24 с интернет-магазином
- Интеграция Битрикс24 с интернет-магазином — универсальный метод
- Интеграция Битрикс24 с интернет-магазином — быстрый метод
- Интеграция интернет-магазина на Битрикс с Битрикс24 — почти идеально
Долго объяснять почему надо передавать заявки или заказы с сайта в CRM Bitrix24 не будем. Если вы читаете статью, значит уже понимаете зачем это нужно. Собрали для вас основные методы, которые актуальны как для облачной, так и для коробки. В конце описания каждого дали примерную оценку и рекомендацию (или нерекомендацию) к использованию. Пользуйтесь. Если не получится — пишите, поможем.
Интеграция сайта с Битрикс24 для передачи заявок и лидов
Есть несколько способов передавать заявки с сайта или посадочной страницы в CRM Битрикс24.
Универсальные способы интеграции для любых сайтов и CMS
Т.е. подходит всем и каждому, но, не всегда.
Использование CRM-формы Битрикс24 — быстро, весело, сердито
Если вам нужно быстро подключить простую форму сайта к Битрикс24, CRM-формы это лучший вариант.
Просто создаёте форму у себя в Bitrix24, настраиваете ответственных, состав полей и внешний вид, и размещаете готовый код у себя на сайте.
- не поддерживаются связанные поля, когда доступные значения в следующем поле зависят от предыдущего. Например, сначала выбирается федеральный округ, потом область;
- невозможно изменение внешнего вида. Немного поправить цвета и размер шрифта можно, но расположить поля в две колонки не получится.
- корректная интеграция «без лишних движений». Всё сразу попадает в лиды, сделки или контакты. Работает надёжно, больших проблем тут не помним;
- быстрота и доступность — настройка за несколько часов, размещение на любом сайте;
- можно создавать дополнительные поля.
Трудоемкость — от 2 часов (с разговорами и тестированием), в зависимости от сложности модификаций внешнего вида.
Интеграция с помощью почты — костыль, но работает
Часто форма обратной связи на сайте умеет отправлять письма. Например, сообщить клиенту о том, что его заявка принята и продублировать введённую им информацию.
Это можно использовать для интеграции интернет-магазина или сайта с Битрикс24. Для этого нужно подключить email-ящик к Bitrix24. Далее настроить форму обратной связи таким образом, чтобы этот ящик ставился в копию, при отправке оповещения для клиента.
Важно, чтобы письмо отсылалось именно клиенту. Если вы будете просто отсылать письма на свой email, CRM станет склеивать их все в один лид. Если же в адресатах будет емэйл клиента, создаваться будет именно новый лид. Важно добавить email, от имени которого происходит отправка письма, в Битрикс24 как пользователя. Тогда система будет понимать, что на него не надо создавать лид.
Если вы всё сделаете правильно, будет создавать лид на каждое заполнение формы. В качестве названия лида будет указана тема письма. А вся информация из тела письма попадёт в комментарий к нему.
Из плюсов этого решения можно выделить скорость — подключение почты к порталу занимает минимум времени.
Минусов больше. Вся информация передаётся текстом, без разбивки на поля. UTM-меток не будет. Бывают ошибочные срабатывания — Битрикс не всегда понимает, на какой e-mail создавать лид.
Мы этот способ рекомендуем в последнюю очередь, когда другие по каким-то причинам не подходят.
Трудоемкость — от 1 часа.
Интеграция сайта с Битрикс24 при помощи REST API — дорого-красиво
REST API это «язык», на котором мы можем общаться с облачным и коробочным порталом. С его помощью мы можем получать информацию о существующих в портале сделках, контактах, компаниях и лидах или создавать новые.
Чтобы полноценно «говорить» на этом «языке», нужен хостинг с поддержкой PHP. Если ваш сайт сделан не на конструкторе, скорее всего подойдёт хостинг, где он расположен.
Интеграция сайта с Битрикс24 при помощи REST API это самый универсальный и мощный метод. Можно передать любые данные и добавить свою логику. Например, проверять, есть ли уже контакт с такими данными. Если есть, привязывать новую заявку к нему. Если нету — создать контакт и привязать заявку к нему.
Другое популярное пожелание — распределять заявку по разным ответственным, в зависимости от указанных в ней данных. Например, в зависимости от выбранного филиала.
И самое главное — передача скрытых данных о пользователе. Всё что хранится в UTM-метках или известно о посетителе мы можем передать в Битрикс24. Это будет первым важным шагом к построению сквозной аналитики. Контролируя воронку продаж в Битрикс24, вы сможете понять, откуда получается самый качественный трафик.
На отдельном проекте мы сделали целый раздел в лидах, компаниях и сделках, куда записывали UTM-метки, регион пользователя и другую информацию. Потом она использовалась в отчётах для маркетолога и руководителя.
Плюсов у интеграции Сайта с Bitrix24 с помощью REST API много, а минус всего один — в отличие от вышеописанных методов, он требует участия программиста.
Настроить передачу не очень сложной формы мы сможем часов за 10. Это 25 000 рублей.
Рекомендуем этот метод, если вы планируете вести аналитику или при передаче формы нужно поддерживать какую-либо логику.
Интеграция форм сайта на Битрикс с Битрикс24 — вам повезло (но это не точно)
Если ваш сайт сделан на CMS Битрикс, есть вероятность, что интеграция пройдёт быстро и легко. Для этого надо проверить, как сделаны формы обратной связи. Если вы видите их в разделе Сервисы — Веб-формы, значит вам повезло. 
Для привязки достаточно указать логин и пароль сотрудника, у которого есть доступ к CRM и настроить соответствие полей.
Не забудьте указать, чтобы все поля результата копировались в комментарий. Так точно ничего не потеряется.
Интеграция сайта к Битрикс24 занимает 10 минут, после чего заявки будут передаваться в лиды CRM.
Рекомендуем, как быстрый и беспроблемный вариант.
Интеграция Битрикс24 и форм из Tilda, LP-Generator и т.д. — пан или пропал
Чтобы интегрироваться с Tilda, LP-Generator и т.д., обычно нужно установить приложение из маркетплейса Bitrix24.
Тут уже либо интеграция работает, либо нет. Например, при интеграции лендинга на LP-Generator и коробочной версии Bitrix24, мы испытывали постоянные проблемы с потерей лидов с мобильных устройств. Техподдержка проблему победить не смогла, в конечном счёте пришлось уходить из платформы.
Если для вашего конструктора сайтов приложения нет, придётся писать интеграцию с нуля. Это будет недешёвый вариант — от 20 часов (50 000 руб.).
Интеграция Битрикс24 с интернет-магазином
Передать данные о заказе из интернет-магазина в CRM-систему — популярная задача. Работа понятная, но непростая. Сложность в том, что заказ это составная сущность. Вместе с информацией о заказе передаются данные о покупателе и товарах. Плюс, обычно требуется обмен статусами заказа.
Если добавить сюда маркетинговые и статистические данные для сквозной аналитики, становится ещё интереснее.
- Покупатель оставляет заказ в интернет-магазине;
- Проверяем, есть ли в Битрикс24 такой контрагент*;
- Проверяем, есть ли в Битрикс24 такие товары*;
- Если Контрагента или товара нету, то сначала создаём их;
- Далее создаём в Битрикс24 сделку, привязывая к ней контрагента и товары;
- В сделку добавляем всю маркетинговую и статистическую информацию, для построения аналитики**;
- При изменении статуса сделки в Битрикс24, отправляем оповещения об этом клиенту;
- При изменении статуса сделки в Битрикс24, изменяем статус заказа на сайте***.
**Это тоже необязательная часть, но мы рекомендуем её делать — аналитика эффективности рекламы позволит снизить расходы.
***Если сайт служит только для приёма заказа, статус обратно можно не передавать.
Менеджер работает с заказом в CRM. Мы можем автоматизировать отправку оповещений и контролировать сроки с помощью роботов в CRM или бизнес-процессов.
Задача понятна, пора подойти к решению.
Интеграция Битрикс24 с интернет-магазином — универсальный метод
Универсальный метод — написание модуля интеграции на стороне интернет-магазина. Здесь нам снова поможет REST API Битрикс24.
Используя возможности CMS системы, на которой разработан ваш интернет-магазин, мы контролируем событие заказа и инициируем отправку информации о нём в Bitrix24. Заодно, мы отправляем маркетинговые данные и контролируем, есть ли такой контрагент в Битрикс24.
В зависимости от CMS-системы, на которой сделан сайт, и сложности самого обмена, такая задача решается от 10 до 40 часов. По нашей ставке часа (2 500 руб), это от 25 000 до 100 000 руб.
Интеграция Битрикс24 с интернет-магазином — быстрый метод
Быстрый метод состоит в использовании почты.
После того, как пользователь оставляет заказ, вы отправляете ему письмо с подтверждением заказа. В теле письма указываете всю нужную информацию. В скрытую копию такого письма, ставится email-ящик компании. Этот email-ящик нужно подключить к Битрикс24.
В таком варианте, новые письма буду создавать лид в Битрикс24. Если информацию о клиенте вы сможете прикреплять к письму в формате vCard, то по ней можно создавать контакт.
- Вся информация о заказе будет передана «текстом». То есть, не будет привязки к товарам, данные будут вперемешку, а не в отдельных полях;
- Нельзя создавать сделку, только лид или контакт. Но вы можете настроить автоматическую конвертацию таких лидов в сделки.
Интеграция интернет-магазина на Битрикс с Битрикс24 — почти идеально
Для интернет-магазинов на Битрикс существует готовая схема интеграции. Как водится, со своими особенностями.
Заказы из интернет-магазина передаются в Битрикс24 в виде сделок с привязанным к ним контактом. Передаются даже товары. Внешне всё выглядит отлично, но есть нюансы.
Если вы попытаетесь перейти по ссылке товара, то увидите красную надпись «товар не найден». Означает она то, что хоть товар и был создан, доступа к нему нет. Это происходит из-за ограничений облачной версии. Битрикс обещал исправить.
Казалось бы, нет доступа к товару и ничего страшного — название мы видим, цена есть. Но мы столкнемся с проблемами, если захотим передать этот заказ дальше. Например, в виде счёта в учётную систему 1С. В нашем случае туда вместо товаров пришли пустые строчки. Непросто бухгалтеру работать с таким документом.
Другой популярный запрос, не реализованный в этом обмене, это обмен статусами заказа. Клиенты хотят, чтобы при поступлении оплаты или при движении сделки менеджером, это синхронизировалось с сайтом.
Так что, стандартная интеграция интернет-магазина на Битриксе и корпоративного портала Битрикс24 жизнь упрощает, но некоторые вещи нужно будет доделать. Можем, умеем — пишите.
Интеграция Битрикс24 с сайтом
Современные продажи сложно представить без интернет-площадки. Это может быть информационный сайт компании или полноценный интернет-магазин. Использование посадочных страниц в сети под рекламный трафик – это стандартная схема быстрого привлечения клиентов. Однако недостаточно захватить внимание посетителя вашей страницы, нужно получить информацию о клиенте – желательно в виде персональных данных для дальнейшей работы с ними.
Лучше всего с задачей фиксации контактов и быстрого создания сделки справится интеграция сайта с CRM. В результате слияния двух систем вы получаете:
✅ удобную и быструю коммуникацию с клиентом, что увеличивает лояльность к вам и вашей компании;
✅ рост скорости обработки заказов и повышение общего объема продаж;
✅ достоверную базу данных по клиентам, с которой удобно дальше работать.
Схема интеграции сайта с CRM Битрикс24 может быть простой, с использованием штатных инструментов программы, или сложной, через доработки обеих платформ.
В статье расскажем о сценариях передачи данных с вашего сайта на портал через:
- CRM-формы
- Видеоурок: Как связать сайт с CRM Битрикс24?
- Виджет с онлайн-чатом
- Видеоурок: Как создать виджет на сайт Битрикс24?
- Доработанные решения по интеграции CRM с сайтом
- Видеоурок: Корпоративное оформление CRM-формы при помощи CSS
CRM-формы на сайте
Быстрый и эффективный способ интеграции CRM с сайтом – использование CRM-форм. Это некая анкета для сбора данных посетителей вашего сайта в виде:
- формы обратной связи, размещенной в тексте, на кнопке или автопоказом на посадочной странице;
- форма заказа обратного звонка, которая выполняет функцию быстрого дозвона до клиента по оставленному в специальном бланке номеру.
Данные формы создаются на стороне вашей CRM через конструктор. В нем вы определяете внешний вид карточки, набор полей, которые будут предложены к заполнению, тип элемента, что будет создан по этой форме, ответственных менеджеров и прочие параметры.
После создания и активации формы можно снова вернуться в редактор и поэкспериментировать, например, с дизайном, чтобы внешний вид бланка соответствовал общей стилистике вашего сайта.
Далее переходим к копированию кода формы и размещению его на нужной странице сайта. В Битрикс24 предусмотрено несколько вариантов готовых скриптов под разный тип представления.
При необходимости с кодом можно поработать и изменить внешний вид самой формы. После вставки скрипта на сайт форма сразу готова принять данные и передать информацию в CRM. В случае с использованием шаблона, который предполагает обратный звонок клиенту, вашему менеджеру поступит автоматический звонок из системы, связывающий его с оставленным в форме номером.
Информация из формы фиксируется в CRM в виде той сущности, которая и была определена в настройках самой формы.
При использовании форм с расширенным составом полей для заполнения вы можете запрашивать любой тип данных, чтобы получить подробную информацию о клиенте в свою базу CRM:
текстовые данные;
Сведения из формы автоматически записываются в карточке CRM. Менеджеру не требуется заполнять и уточнять повторно информацию у клиента.
К примеру, наша форма на заказ звонка создает лида, в котором уже находятся данные, заполненные посетителем сайта – это имя и телефон. Автоматически проставлены название Лида, Источник и ответственный менеджер.
Кроме того, в деталях Лида можно посмотреть историю посещений и страницу сайта, с которой была заполнена форма. Открываем Лид, ищем запись о CRM-форме в таймлане и открываем информацию по ней:
Если ваша цель – получить как можно больше откликов с сайта, то рекомендуем минимизировать количество требуемых к заполнению полей.
Так посетитель посадочной страницы быстрее попадет к вам в систему. Если перед обращением нужно идентифицировать пользователя и уточнить дополнительные параметры для дальнейшей квалификации – используйте увеличенное число полей. Они помогут вашим менеджерам сделать первичную сегментацию, а посетителю зафиксироваться в своем запросе. С этими задачами отлично справляются списочные и обязательные поля.
Видеоурок: Как связать сайт с CRM Битрикс24?
Виджет на сайте с онлайн-чатом
Чтобы посетитель вашего сайта смог быстро получить дополнительную информацию по продукту или услуге, используйте специально установленный на страницах виджет с чатом.
Помимо прямого диалога с оператором или чат-ботом данный инструмент может содержать в себе и дополнительные средства, например, ту же форму обратной связи, о которой писали выше, или авторизацию через соцсети и мессенджеры. В совокупности со всеми опциями виджет на сайте – это инструмент для связи посетителя сайта с вашей CRM.
Аналогично форме обратной связи виджет создается на стороне Битрикс24 в разделе CRM.
При первой настройке в левой части конструктора виджета нужно выбрать наполнение, а в правой части – настроить визуальное представление (цвет, положение, режим показа).
Для активации чата с оператором потребуется выбрать подключенную ранее открытую линию или создать новую. Приветственное сообщение и аватарка регулируются в настройках виджета в разделе «Автоматическое приветствие».
После сохранения виджета включаем его и копируем сгенерированный код для дальнейшего использования. Скрипт онлайн чата необходимо поместить в код шаблона вашего сайта перед закрывающим тегом
