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

Простая интеграция сайта на «1С-Битрикс» с «Битрикс24»


Просмотров:
504
Время на прочтение:
Статья обновлена:
12 Апреля 2020
Информация о статье
Просмотров: 504
Время на прочтение:
Статья обновлена: 12.04.2020
Дарья, редактор

«1С-Битрикс» и «Битрикс24» — надежные системы, предназначенные для использования во всех отраслях бизнеса. «1С-Битрикс» — это CMS, система управления контентом сайта, а «Битрикс24» — CRM, система управления взаимоотношениями с клиентами. Они часто применяются совместно друг с другом и сторонними программами со смежными или иными необходимыми функциями. 

Процесс интеграции сайта на «1С-Битрикс» с «Битрикс24» состоит из двух этапов:

  • Настройка виджета и всех его элементов в системе «Битрикс24».
  • Установка готовой формы на сайт.

Интеграция осуществляется с помощью инструмента «Виджет для сайта». Он находится в составе стандартного пакета «Битрикс24» и позволяет размещать на сайте стандартную для CRM форму обратной связи, а также виджет для совершения звонка, онлайн-чат и другие блоки для связи клиента с вами.

Как настроить виджет и его элементы

Во-первых, для настройки виджета вам нужно иметь права администратора сайта, который будет интегрироваться с «Битрикс24».

Подготовительный этап подключения состоит из таких шагов:

  1. Настройка CRM-формы.
  2. Настройка функции «Обратный звонок».
  3. Настройка и запуск чат-бота.
  4. Настройка виджета.

Каждый шаг имеет свою специфику, о которой мы подробно расскажем ниже.

Как настроить CRM-форму

Для настройки формы в «Битрикс24» нужно зайти в систему и пройти по следующей цепочке: «CRM» (1) => «Еще» (2) => «CRM-формы» (3).

Настройка «CRM-формы»
Настройка «CRM-формы»

Откроется диалоговое окно, в котором размещены три формы, установленные по умолчанию:

  1. Обратный звонок.
  2. Форма обратной связи.
  3. Контактные данные.

Для интеграции «1С-Битрикс» с «Битрикс24» подойдет «Форма обратной связи». Если возможностей стандартной формы не хватает, создается новая форма. Назвать ее можно любым именем, удобным для восприятия (к примеру, «Обращение с сайта»).

Внимание! Настройки любой формы, установленной по умолчанию, следует оставлять без изменений.

Для создания новой формы в административной панели предустановленного элемента кликните на кнопку «Меню» (1). Откроется диалоговое меню, в котором необходимо выбрать пункт «Копировать» (2).

Создание новой формы
Создание новой формы

Далее откроется диалоговое окно скопированной формы. Для ввода новой информации нужно нажать кнопку «Редактировать». В открывшемся окне измените название формы (там, где сейчас указано «Копия Название скопированной формы») на «Обращение с сайта». Все поля, кроме «Имя» (1), «Телефон» (2) и «Комментарий» (3), должны быть удалены. Для удобства восприятия цвет фона (4) делаем красным (5).

Настройка формы
Настройка формы

После этого обязательно нажмите на кнопку «Сохранить» в нижней части формы. В разделе «Формы моей компании» в административной панели появится новая форма «Обращение с сайта».

Настройка функции «Обратный звонок»

В CRM-системе функция «Обратный звонок» также помещена в раздел «Формы». Чтобы настроить ее, нужно пройти по той же цепочке: «CRM» => «Еще» => «CRM-формы». В разделе с предустановленными формами есть панель под названием «Обратный звонок с номера "Номер базовой станции"».

Настройка функции «Обратный звонок»
Настройка функции «Обратный звонок»

Эту форму нужно скопировать. Кроме переименования ее в «Обратный звонок с сайта», никаких других настроек выполнять не нужно. Также для удобства использования формы цвет фона рекомендуем сделать красным.

Обратите внимание: любая скопированная форма остается неактивной. Чтобы активировать ее для дальнейшего использования, в панели нужно нажать кнопку «Включить».

Не забудьте активировать форму
Не забудьте активировать форму

Как настроить онлайн-чат

В целях экономии времени рекомендуем настраивать компоненты онлайн-чата, которые уже установлены в CRM. Разработчики интегрируют их в систему, чтобы пользователи без особых технических знаний могли самостоятельно управлять чатом и корректировать его параметры. Чтобы попасть в систему настроек виджета, нужно перейти по ветке: «CRM» (1) => «Еще» (2) => «Виджет на сайт» (3).

Добавление виджета
Добавление виджета

В открывшемся диалоговом окне нажмите кнопку «Редактировать».

Редактирование виджета
Редактирование виджета

Для гармоничного отображения виджета на сайте нужно, как и прежде, выбрать для него подходящий цвет фона. Снова выбираем красный. Далее прокручиваем отображаемое окно вниз и действуем по следующему алгоритму:

1. Поле «Открытая линия» оставляем без изменений или из выпадающего списка выбираем название той линии, для которой создается онлайн-чат. Тумблер должен быть всегда включен. Это касается всех форм из списка настроек.

Заполняем или оставляем пустым поле «Открытая линия»
Заполняем или оставляем пустым поле «Открытая линия»

2. В поле «CRM-форма» (оно также должна быть включено) выбираем название «Обращение с сайта».

Заполняем поле «CRM-форма»
Заполняем поле «CRM-форма»

3. В поле «Обратный звонок» в выпадающем списке выбираем настроенный ранее «Обратный звонок с сайта».

Заполняем поле «Обратный звонок»
Заполняем поле «Обратный звонок»

Нажимаем кнопку «Сохранить», расположенную в нижней части диалогового окна.

Как установить готовый виджет на сайт

После завершения всех этих шагов вам нужно установить на сайт компании готовую форму «Виджет на сайт». Для этого открываем виджет для редактирования. Копируем отображенный здесь код в буфер обмена. Для этого нажимаем на кнопку «Скопировать в буфер», расположенную здесь же.

Копируем код для вставки
Копируем код для вставки

Далее заходим в административную панель сайта и переходим по следующей цепочке: «Настройки» (1) => «Настройки продукта» (2) => «Шаблоны сайтов» (3). В открывшемся списке готовых шаблонов находим подходящий и нажимаем кнопку «Изменить» (4).

Вставляем код на сайт
Вставляем код на сайт

В открывшемся окне перед закрывающимся тегом </body> вставляем скопированный код виджета. Сохраняем.

В результате, согласно выполненным ранее настройкам, на сайте появится виджет компактного размера на красном фоне.

Пример виджета на сайте
Пример виджета на сайте

Чтобы развернуть его, пользователю достаточно навести на виджет курсор или кликнуть по нему.

Виджет в развернутом виде
Виджет в развернутом виде

Виджет можно поместить в любое место. Наиболее популярный и удобный вариант — динамическое положение в правом нижем углу окна. Так виджет будет всегда находиться на экране во время скроллинга страницы.

Зачем нужна интеграция?

Заполнив форму на сайте, пользователь нажимает на кнопку «Отправить». Менеджер компании получает сообщение со всей введенной пользователем информацией (лид) и приступает к выполнению своих обязанностей — помогает решить вопрос, продает нужный товар или услугу.

Эта функция виджета значительно упрощает работу сотрудников и облегчает процесс взаимодействия клиентов с компанией. Поэтому мы рекомендуем интегрировать сайт на «1С-Битрикс» с CRM «Битрикс24» владельцам как новых интернет-магазинов, так и тех, которые существуют на рынке уже долгие годы.


Поможем с сайтами на Битрикс!
Разрабатываем, развиваем и обеспечиваем бесперебойность работы сайтов на Bitrix. Работаем с сайтами любой технической сложности и бизнес-логики. В течение 2 часов реагируем на любые ваши задачи в тикетной системе. В команде 6 программистов и 3 технических менеджера.

Нам доверяют

Жерихова А.В., директор ООО «Позитив»
Айзикович Б.И., генеральный директор ЗАО Медицинский центр «Авиценна»
Левчук Ю.С., управляющий ООО «ТФ Теплодар»