Обсудим ваш проект?
Комплексный интернет-маркетинг
17 лет опыта | 90+ специалистов
Отправить заявку

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

Обновлено: 12 апреля 2020
Время на прочтение:
Просмотров: 7807
Дарья Иванова
редактор
Станислав Мозгель
руководитель отдела веб-разработки
Редполитика
Мы прилагаем все усилия, чтобы наши обзоры были максимально честными, точными и объективными. Если вы посещаете ссылки в нашем контенте, мы можем получить комиссионное вознаграждение от ваших покупок, однако это не влияет на нашу редакционную политику и мы не станем рекомендовать продукты или сервисы, в которых не уверены.

«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С-Битрикс» под ключ
Специализируемся на «1С-Битрикс» более 10 лет и знаем все подводные камни и специфику. Работаем с сайтами любой технической сложности и бизнес-логики. При необходимости подключаем UX-специалиста и дизайнера. В течение 2 часов реагируем на обращения в тикетной системе.
Ваш сайт:

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

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

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

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

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

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

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

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

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

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

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

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

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

Привлекли 35.000.000 людей на 185 сайтов
Мы точно знаем, как увеличить онлайн–продажи
Применяем лучшие практики digital–продвижения как из вашей тематики, так и из смежных областей бизнеса. Именно это сделает вас на голову выше конкурентов и принесёт лиды и продажи.
Ваш сайт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* Meta Platforms Inc. (и принадлежащие ей соц.сети Instagram, Facebook) признана экстремистской организацией, ее деятельность в России запрещена.

Методология выбора
Кто мы
Директ Лайн
Крупнейшее региональное интернет-агентство России. ТОП-10 в рейтинге Рунета.
1200 +
проектов
90
экспертов
17лет
на рынке
Наша методология
Статьи в блоге Директ Лайн — это всегда оригинальный, проверенный и объективный контент. Все обзоры и рейтинги честно отражают наше мнение и опыт взаимодействия с каждым инструментом.
Содержание
Комментарии

Комплекс услуг для вашего бизнеса

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

Читайте также

Бесплатный аудит SEO
и рекламного трафика
Покажем точки роста вашего проекта,
если по нему уже ведутся работы