интеграция формы на сайте с битрикс 24
Как интегрировать Битрикс24 с сайтом: виджет, форма, почта, корзина
Внедряя CRM Битрикс24, мы часто сталкиваемся с вопросами клиентов, нужна ли интеграция с сайтом и что она дает.
Так зачем нужно интегрировать CRM с сайтом?
Информация о клиентах в единой базе. Потенциальные клиенты, делая заказ на сайте, указывают контактные данные, вопросы, комментарии — все эти сведения поступают в единую базу CRM.
Анализ эффективности продаж. Интеграция CRM с сайтом позволяет выявить проблемные места в воронке продаж, причины отказа от покупки.
Автоматизация задач. CRM позволяет настроить и отладить систему напоминаний при любом возможном сценарии взаимоотношений менеджера и клиента. Клиенты, пришедшие с сайта, не будут забыты.
В этой статье рассмотрим только некоторые самые простые варианты интеграции.
1. Виджет обратной связи
Самый простой и быстрый способ получать заявки с сайта в Битрикс24 — это разместить на нем бесплатный виджет Битрикс24.
Это «кнопка», при нажатии на которую посетитель увидит список доступных каналов: чат, форма обратной связи, обратный звонок, социальные сети и мессенджеры.
так выглядит виджет на нашем сайте:
Подключенные каналы к виджету
Клиент пишет в чат, оставляет заявку и все эти обращения попадают в CRM Битрикс24.
Чтобы добавить виджет на сайт в портале Битрикс24, нужно перейти в раздел CRM и выбрать пункт Виджет на сайт. Этот пункт меню загружает страницу списка виджетов.
В настройках у вас есть 2 варианта: создать новый виджет с нуля или использовать уже предустановленный:
Чтобы виджет появился на сайте, достаточно нажать на кнопку “код на сайте”, скопировать код и добавить его в шаблон вашего сайта перед закрывающим тегом
Интеграция форм на сайте с CRM Битрикс24
Возможны несколько вариантов:
Интеграция форм на сайте с Битрикс24
Если сайт написан на Битриксе, то возможны два варианта.
1. Простой, если формы на сайте созданы как веб-формы.
Тогда нужные настройки прописываются в админке Битрикса у веб-формы и в Битрикс24.
2. Сложный, если формы на сайте сделаны инфоблоками.
* Это вполне распространенное явление. А если сайт написан на редакции Битрикс Старт, то и единственно возможный, потому что эта лицензия не поддерживает веб-формы.
Но и в таком случае интеграцию выполнить все равно возможно – через рест апи или веб-хуки. Не будем вдаваться в технические подробности – это уже удел программистов. Отметим только, что при помощи WebHooks и Rest API разработчики могут создавать собственные приложения или интеграции для Битрикс24. Таким образом, можно значительно расширять возможности сервиса под требования конкретного бизнеса.
Добавление CRM-форм Битрикс24 на сайт
Можно не только интегрировать существующие формы с Битрикс24, но и добавлять новые CRM-формы на сайт. Другими словами, в Б24 создается форма, а дальше ее код вставляется на соответствующей странице сайта, где до этого ничего такого не существовало.
Причем для форм, созданных в Битрикс24, доступна возможность онлайн-оплаты.
Как это работает вы можете увидеть в видео ниже:
Как вставить Битрикс24 форму на сайт? Для начала в разделе CRM/CRM-формы нужно создать саму форму.
Есть несколько путей для создания новой формы:
1. Можно скопировать предустановеленную (всего есть три вида предустановленных форм: Контактные данные, Обратная связь и Обратный звонок. Кстати, их тоже можно добавлять на сайт)
2. Создать форму полностью с «нуля»
При создании формы задаются поля и название. Обязательно обратите внимание и на блок с дополнительными настройками, которые позволяют:
В CRM формах Битрикс24 можно сделать настройки, чтобы в зависимости от выбранных в форме полей показывать или скрывать другие поля. Благодаря этому формы изначально выглядят не так громоздко и их легче заполнять.
После того, как форма создана, нужно скопировать ее код и вставить на сайт. Последнее стоит доверить программисту, чтобы не повредить ресурс и все корректно работало. На этом же этапе задается размещение формы.
Немного ниже вы можете увидеть действующий пример встроенной на сайте CRM-формы 🙂 Из своего опыта можем сказать, что использование таких форм действительно упрощает жизнь.
В этом же разделе СRM можно смотреть краткую информацию по уже созданным: конверсию, дату создания, дату активации и пр.
Добавление CRM-форм Битрикс24 на сайт, написанный на Битрикс24
Вы создаете CRM-форму в Битрикс24, как написано выше. А потом в нужном блоке на сайте Битрикс24 просто выбираете одну из созданных вами форм.
Помимо интеграции форм на сайте с Битрикс24, дальше можно запрограммировать автоматические действия: отправку клиенту цепочки писем, напоминания и т.д. Подробнее об этом можно узнать из нашей статьи «Примеры работы роботов и триггеров в Битрикс24».
Вы можете заказать у нас внедрение и обучение работе с Битрикс24, интеграцию форм на сайте с Битрикс24, установку и настройку готовых решений и приложений, а также другие услуги по Б24:
Интеграция Битрикс24 с сайтом — восемь красивых и не очень способов
Долго объяснять почему надо передавать заявки или заказы с сайта в CRM Битрикс24 не будем. Если вы читаете статью, значит уже понимаете зачем это нужно. Собрали для вас основные методы. В конце описания каждого дали примерную оценку и рекомендацию (или нерекомендацию) к использованию. Пользуйтесь. Если не получится — пишите, поможем.
Передача заявок и лидов с сайта в Битрикс24
Есть несколько способов передавать заявки с сайта или посадочной страницы в CRM Битрикс24.
Универсальные способы для любых сайтов
CRM-формы Битрикс24 — быстро, весело, сердито
Если вам нужно быстро подключить простую форму к Битрикс24, CRM-формы это лучший вариант.
Просто создаёте форму у себя в Битрикс24, настраиваете ответственных, состав полей и внешний вид, и размещаете готовый код у себя на сайте.
Для простых сценариев мы рекомендуем именно этот способ.
Трудоемкость — от 2 часов (с разговорами и тестированием), в зависимости от сложности модификаций внешнего вида.
Интеграция с помощью почты — костыль, но работает
Часто форма обратной связи на сайте умеет отправлять письма. Например, сообщить клиенту о том, что его заявка принята и продублировать введённую им информацию.
Это можно использовать для интеграции с Битрикс24. Для этого нужно подключить email-ящик к Битрикс24. Далее настроить форму обратной связи таким образом, чтобы этот ящик ставился в копию, при отправке оповещения для клиента.
Важно, чтобы письмо отсылалось именно клиенту. Если вы будете просто отсылать письма на свой email, Битрикс24 станет склеивать их все в один лид. Если же в адресатах будет емэйл клиента, создаваться будет именно новый лид. Важно добавить email, от имени которого происходит отправка письма, в Битрикс24 как пользователя. Тогда система будет понимать, что на него не надо создавать лид.
Если вы всё сделаете правильно, будет создавать лид на каждое заполнение формы. В качестве названия лида будет указана тема письма. А вся информация из тела письма попадёт в комментарий к нему.
Из плюсов этого решения можно выделить скорость — подключение почты к порталу занимает минимум времени.
Минусов больше. Вся информация передаётся текстом, без разбивки на поля. UTM-меток не будет. Бывают ошибочные срабатывания — Битрикс не всегда понимает, на какой e-mail создавать лид.
Мы этот способ рекомендуем в последнюю очередь, когда другие по каким-то причинам не подходят.
Трудоемкость — от 1 часа.
Интеграция с помощью REST API — дорого-красиво
REST API это «язык», на котором мы можем общаться с облачным и коробочным порталом. С его помощью мы можем получать информацию о существующих в портале сделках, контактах, компаниях и лидах или создавать новые.
Чтобы полноценно «говорить» на этом «языке», нужен хостинг с поддержкой PHP. Если ваш сайт сделан не на конструкторе, скорее всего подойдёт хостинг, где он расположен.
Интеграция с помощью REST API это самый универсальный и мощный метод. Можно передать любые данные и добавить свою логику. Например, проверять, есть ли уже контакт с такими данными. Если есть, привязывать новую заявку к нему. Если нету — создать контакт и привязать заявку к нему.
Другое популярное пожелание — распределять заявку по разным ответственным, в зависимости от указанных в ней данных. Например, в зависимости от выбранного филиала.
И самое главное — передача скрытых данных о пользователе. Всё что хранится в UTM-метках или известно о посетителе мы можем передать в Битрикс24. Это будет первым важным шагом к построению сквозной аналитики. Контролируя воронку продаж в Битрикс24, вы сможете понять, откуда получается самый качественный трафик.
На отдельном проекте мы сделали целый раздел в лидах, компаниях и сделках, куда записывали UTM-метки, регион пользователя и другую информацию. Потом она использовалась в отчётах для маркетолога и руководителя.
Плюсов у интеграции с помощью REST API много, а минус всего один — в отличие от вышеописанных методов, он требует участия программиста.
Настроить передачу не очень сложной формы мы сможем часов за 10. Это 25 000 рублей.
Рекомендуем этот метод, если вы планируете вести аналитику или при передаче формы нужно поддерживать какую-либо логику.
Интеграция форм сайта на Битрикс с Битрикс24 — вам повезло (но это не точно)
Если ваш сайт сделан на Битриксе, есть вероятность, что интеграция пройдёт быстро и легко. Для этого надо проверить, как сделаны формы обратной связи. Если вы видите их в разделе Сервисы — Веб-формы, значит вам повезло.
Для интеграции достаточно указать логин и пароль сотрудника, у которого есть доступ к CRM и настроить соответствие полей.
Не забудьте указать, чтобы все поля результата копировались в комментарий. Так точно ничего не потеряется.
Настройка занимает 10 минут, после чего заявки будут передаваться в лиды Битрикс24.
Рекомендуем, как быстрый и беспроблемный вариант.
Интеграция форм из Tilda, LP-Generator и т.д. — пан или пропал
Чтобы интегрироваться с Tilda, LP-Generator и т.д., обычно нужно установить приложение из маркетплейса Битрикс24.
Тут уже либо интеграция работает, либо нет. Например, при интеграции лендинга на LP-Generator и коробочной версии Битрикс24, мы испытывали постоянные проблемы с потерей лидов с мобильных устройств. Техподдержка проблему победить не смогла, в конечном счёте пришлось уходить из платформы.
Если для вашего конструктора сайтов приложения нет, придётся писать интеграцию с нуля. Это будет недешёвый вариант — от 20 часов (50 000 руб.).
Интеграция Битрикс24 с интернет-магазином
Передать данные о заказе из интернет-магазина в CRM-систему — популярная задача. Работа понятная, но непростая. Сложность в том, что заказ это составная сущность. Вместе с информацией о заказе передаются данные о покупателе и товарах. Плюс, обычно требуется обмен статусами заказа.
Если добавить сюда маркетинговые и статистические данные для сквозной аналитики, становится ещё интереснее.
Популярная схема работы выглядит так:
*Эту часть можно не делать. Но в таком случае, не будет возможности вести анализ продаж по товарам, а также не будет истории продаж по контрагенту.
**Это тоже необязательная часть, но мы рекомендуем её делать — аналитика эффективности рекламы позволит снизить расходы.
***Если сайт служит только для приёма заказа, статус обратно можно не передавать.
Менеджер работает с заказом в Битрикс24. Мы можем автоматизировать отправку оповещений и контролировать сроки с помощью роботов в CRM или бизнес-процессов.
Задача понятна, пора подойти к решению.
Интеграция с интернет-магазином — универсальный метод
Универсальный метод — написание модуля интеграции на стороне интернет-магазина. Здесь нам снова поможет REST API Битрикс24.
Используя возможности CMS системы, на которой разработан ваш интернет-магазин, мы контролируем событие заказа и инициируем отправку информации о нём в Битрикс24. Заодно, мы отправляем маркетинговые данные и контролируем, есть ли такой контрагент в Битрикс24.
В зависимости от CMS-системы, на которой сделан сайт, и сложности самого обмена, такая задача решается от 10 до 40 часов. По нашей ставке часа (2 500 руб), это от 25 000 до 100 000 руб.
Интеграция с интернет-магазином — быстрый метод
Быстрый метод состоит в использовании почты.
После того, как пользователь оставляет заказ, вы отправляете ему письмо с подтверждением заказа. В теле письма указываете всю нужную информацию. В скрытую копию такого письма, ставится email-ящик компании. Этот email-ящик нужно подключить к Битрикс24
В таком варианте, новые письма буду содавать лид в Битрикс24. Если информацию о клиенте вы сможете прикреплять к письму в формате vCard, то по ней можно создавать контакт.
Ограничения такого метода:
Из плюсов можно выделить разве что цену и скорость — настройки делаются за несколько часов (саму реализацию отправки письма из интернет-магазина мы не учитываем, обычно это стандартная функция).
Интеграция интернет-магазина на Битрикс с Битрикс24 — почти идеально
Для интернет-магазинов на Битрикс существует готовая схема интеграции. Как водится, со своими особенностями.
Заказы из интернет-магазина передаются в Битрикс24 в виде сделок с привязанным к ним контактом. Передаются даже товары. Внешне всё выглядит отлично, но есть нюансы.
Если вы попытаетесь перейти по ссылке товара, то увидите красную надпись «товар не найден». Означает она то, что хоть товар и был создан, доступа к нему нет. Это происходит из-за ограничений облачной версии. Битрикс обещал исправить.
Казалось бы, нет доступа к товару и ничего страшного — название мы видим, цена есть. Но мы столкнемся с проблемами, если захотим передать этот заказ дальше. Например, в виде счёта в учётную систему 1С. В нашем случае туда вместо товаров пришли пустые строчки. Непросто бухгалтеру работать с таким документом.
Другой популярный запрос, не реализованный в этом обмене, это обмен статусами заказа. Клиенты хотят, чтобы при поступлении оплаты или при движении сделки менеджером, это синхронизировалось с сайтом.
Так что, стандартный обмен интернет-магазина на Битриксе и корпоративного портала Битрикс24 жизнь упрощает, но некоторые вещи нужно будет доделать. Можем, умеем — пишите.
Сегодня мы детально рассмотрим все возможные способы интеграции CRM к сайту. А также разберем как синхронизировать лиды с сайта и CRM Битрикс24 и перенаправить прием заявок к порталу Б24. Раскроем все тонкости и особенности настройки синхронизации, что поможет избежать вам трудностей и ошибок при настройке.
В статье указаны преимущества и недостатки всех способов интеграции, а также объем трудозатрат или цена настройки.
Виды интеграции заявок и лидов с сайта в Битрикс24
Проведение интеграции сайта с Битрикс24 — эффективный способ оптимизировать внутренние бизнес-процессы. Запуск корпоративного портала позволяет облегчить обработку заявок от клиентов для любого коммерческого сайта. Решение Битрикс24 предполагает возможность интеграции как с обычными сайтами, так и с интернет-магазинами.
Интеграция с помощью CRM форм Битрикс24
Добавление форм портала Б24 на сайт — это наименее энергозатратный способ начать обрабатывать лиды. Алгоритм действий следующий:
1. Создаем новую форму в Б24. В меню также указывает ответственных лиц, подбираем шаблонный текст. При необходимости подстраиваем внешний вид заявки под дизайнерское оформление сайта.
Основные преимущества данного метода:
Кроме того, в окне настроек остается возможность создания дополнительных полей.
Из недостатков — минимальное редактирование визуального оформления и отсутствие поддержки связанных полей.
Ориентировочные трудозатраты составляют 2–4 часа в зависимости от визуального интерфейса формы.
Интеграция с помощью Rest Api
Технология Rest Api позволяет обмениваться данными между внешними продуктами компании и корпоративным порталом Б24. Для стабильной работы данного способа потребуется хостинг с поддержкой PHP.
Синхронизация заявок между Б24 и сайтом предприятия по Rest Api — универсальный способ обмена данными. Метод предполагает возможность отправки информации любого типа, а также добавление своей логики обработки лидов. Среди преимущества технологии ярко выделяются:
Единственным недостатком коммуникации по Rest Api является необходимость привлечения программиста. Примерное время по трудозатратам составляет от 10 часов для простого сценария, и до 30–40 — для сложных решений. Среднестатистическая оплата труда стороннего разработчика для интеграции составит 25–50 000 рублей.
Интеграция сайта на Битрикс с Битрикс24
Настройка синхронизации сайта на Битрикс на CRM Б24 практически не вызывает никаких трудностей. Интеграция Битрикс24 с интернет-ресурсом происходит согласно следующей инструкции:
1. Переходим внутрь административного меню сайта, где выбираем раздел «Сервисы». В подменю «Веб-формы» должны отображаться список с установленными формами.
2. Затем указываем учетные данные работника предприятия, у которого есть право доступа к CRM. После выбираем из списка нужную веб-форму и заполняем соответствие полей. В конце настроек необходимо указать перенаправление всех полей в комментарий, прикрепленный к заявке. Это позволит предотвратить потерю данных во время передачи из сайта в Б24 в случае технического сбоя или других проблем.
Данный вариант оптимален для не перегруженных формами сайтов. Настройка канала передачи не требует каких-либо финансовых вложений и свободно выполняется за 10–15 минут. Это быстрый и беспроблемный вариант, гарантирующий передачу лидов в Б24 риска потерь.
Интеграция через службу почты — вариант на крайний случай
Универсальный способ передачи лидов с любого сайта или интернет-магазина — перенаправление в CRM через почтовый ящик компании. Подобный способ передачи данных возможен только если форма связи на сайте способна отправлять письма. Такое возможно, например, если после заполнения формы обратной связи, клиенту высылается дублирующее письмо с подтверждением.
Для запуска такой альтернативы потребуется:
Если не выполнить последний пункт, система будет добавлять каждый email как нового пользователя и формировать лид. В противном случае возможно либо добавление всех клиентов в один лид, либо появление ошибочных срабатываний.
В случае верной настройки Б24 сформирует новый лид при каждом заполнении формы CRM. При этом название будет браться из темы email, а вся заполненная информация из тела формы попадет в комментарии письма.
Из преимуществ данного решения стоит выделить простоту интеграции и отсутствие финансовых вливаний. Настроить форму и добавить новый почтовый ящик к Б24 займет не больше 20 минут свободного времени.
Из минусов нужно отметить отсутствие UTM-меток и разбивки полей. Также к недостаткам требуется отнести возможность ложной записи лидов и передачу всей информации только в текстовом виде. Данный способ рекомендуется использовать только в крайнем случае, когда остальные варианты нет возможности подключить.
Интеграция форм CRM и сайта, собранного на конструкторе
Сайты, которые были собраны на конструкторе, не предполагают возможности прямой интеграции с Б24. В этом случае перед владельцем Интернет-ресурса появляется 2 пути решения проблемы:
Важно знать! В некоторых случаях приложение из Маркетплейс может нестабильно работать с сайтом-конструктором. К примеру, могут теряться лиды с мобильной версии интернет-ресурса или из некоторых форм захвата.
Интеграция Битрикс24 с интернет магазином на Битрикс
Связать ваш корпоративный портал с магазином на базе Битрикс: Управление сайтом достаточно просто. Для начала проводим предварительную настройку внутри интернет-магазина:
1. Переходим в административную часть интерфейса продукта, где находим раздел «Магазин» и выбираем вкладку «CRM». В открывшемся окне требуется выбрать команду «Настроить интеграцию».
2. Далее заполняем учетные данные портала — пароль и логин аккаунта главного администратора, а также адрес. Подтверждаем действия командой выполнения.
3. В открывшемся диалоговом окне подтверждаем операцию. Теперь можно перейти к выбору параметров и импортированию.
4. Действия внутри интерфейса сайта завершены — система автоматически перенаправит к мастеру установки в Б24. Далее интеграцию интернет магазина с Битрикс24 продолжаем настраивать в самом CRM. Здесь параметры заполнены автоматически: проверяем и переходим дальше.
5. Теперь выбираем процент новых сделок и период, в течение которого необходимо обработать заявки. В этом разделе также можно настроить ответственных за новые сделки.
6. Мастер установки запустит импорт данных. Время ожидания завершения процесса напрямую зависит от количества уже созданных элементов в базе. По окончании мастер известит пользователя.
7. Для того, чтобы получать заявки из магазина в автоматическом режиме, проводим настройку параметров в последнем окне.
Интеграция платформы битрикс и Б24 завершена. Теперь лиды и заявки должны передаваться автономно, без участия со стороны пользователя.
Произвести подключение двух программных продуктов Битрикс можно лично, не привлекая сторонних программистов и разработчиков. Примерное время работ – 1–3 часа, в зависимости от продолжительности первичного импорта мастером установки.
Обратите внимание! В тарифных планах «Бесплатный», «Задачи+» и «CRM+» возможно добавление только 1 магазина к корпоративному порталу. В остальных тарифах лимитов на число добавляемых площадок нет.
Интеграция Б24 с интернет-магазином на базе прочих CMS
Синхронизация данных в остальных случаях либо сильно ограничена по функциональности, либо трудна в настройке. Чтобы обрабатывать лиды и получить заявки в Б24 от интернет-магазина на базе других CMS, например, WordPress или OpenCart, потребуется:
Обратите внимание! Чтобы избавить себя от решения многих нетривиальных задач, рекомендуется продумать план работы компании заранее. Выбор CRM и CMS, а также способа их синхронизации до момента запуска сайта или магазина избавит от множества сложностей в дальнейшем. Оптимальным решением станет построение бизнеса на программных решениях одного бренда. Например, в продуктах CRM Битрикс24 и CMS Битрикс: Управление сайтом.
Также вы можете обратиться к услугам нашей компании. Оставить заявку на интеграцию Битрикс24 с вашим интернет-магазином можно через любую форму обратной связи или по номеру горячей линии.