Как подключить битрикс24 к сайту


Простая интеграция Битрикс24 с сайтом

Мы рассмотрим простую интеграцияю битрикс24 и вашего сайта при помощи инструмента битрикс24 "Виджет для сайта". Этот инструмент позволяет разместить на сайте CRM форму(форму обратной связи), обратный звонок, онлайн чат.

Итак, приступим. Вся интеграция будут разбита на 2 этапа:
1 этап интеграции битрикс24 с сайтом - настройка Виджета и его элементов в битрикс24

2 этап интеграции битрикс24 с сайтом - установка виджета на сайт

Красткое содержание
 Настройка виджета для сайта и его элементов в битрикс24
   Настройка CRM формы (формы обратной связи) в битрикс24
   Настройка обратного звонка
   Настройка онлайн чата
   Настройка виджета для сайта
Интеграция битрикс24 с сайтом, установка виджета
Как работает интеграция битрикс24 и сайта на примере CRM-Формы

Подготовка к интеграции битрикс24 с сайтом

Подготовку к интеграции битрикс24 с сайтом разделим на несколько частей:
1. Настройка crm формы.
2. Настройка обратного звонка
3. Настройка онлайн чата. 
4. Настройка виджета для сайта

Настройка CRM формы (формы обратной связи) в битрикс24

Для настройки crm формы давайте перейдем  по пути CRM->Еще->CRM формы, как показано на рисунке 2. 


Рисунок 2 - Переход в меню "CRM формы"

В открывшемся меню мы увидим 3 предустановленные формы: "Обратный звонок", "Форма обратной связи", "Контактные данные". Для простой интеграции битрикс24 с сайтом подойдет и предустановленная форма "Форма обратной связи", вы можете использовать ее, но для тех, кому стандартной формы недостаточно мы создадим новую фому "Обращение с сайта" на основании предустановленной формы (обратите внимание, что предустановленные формы менять не стоит).

Нажимаем на кнопку "Меню" возле "Форма обратной связи" и нажмите "Копировать", как показано на рисунке 3. 


Рисунок 3 - Копирование формы обратной связи в битрикс24

После копирования у нас появится еще одна форма, которая называется "Копия Форма обратной связи". Жмем кнопку "Редактировать" возле появившейся формы и переходим к ее редактированию. Меняем название на "Обращение с сайта". Удаляем в форме все ненужные поля и оставляем только Имя, Телефон и Комментарий. Устанавливаем цвет фона формы красным - это нужно для того, чтобы при интеграции битрикс24 с сайтом наша форма выглядела гармонично и была представлена в цветовой гамме сайта. Результат представлен на рисунке 4. 


Рисунок 4 - Настройка формы обратной связи битрикс24

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

Настройка обратного звонка

Как бы это не было странно, но обратный звонок тоже находится в CRM формах, для его настройки давайте перейдем  по пути CRM->Еще->CRM формы, как мы делали это на предыдущем шаге. В этом разделе вы увидите CRM форму ОБРАТНЫЙ ЗВОНОК С НОМЕРА "НОМЕР БАЗОВОЙ СТАНЦИИ" как показано на рисунке 5. 

Рисунок 5 - ОБРАТНЫЙ ЗВОНОК С НОМЕРА "НОМЕР БАЗОВОЙ СТАНЦИИ"

Скопируем эту форму. Нажимаем на кнопку "Меню" возле "ОБРАТНЫЙ ЗВОНОК С НОМЕРА "НОМЕР БАЗОВОЙ СТАНЦИИ" и нажмите "Копировать", как показано на рисунке 6. 


Рисунок 6 - Копирование формы "Обратный звонок с номера "Номер базовой станции""

После копирования никаких специальных настроек для нашего виджета обратного звонка ненужно, достаточно просто переименовать его в "Обратный звонок с сайта" для удобства использования и установить цвет формы "Красный", как показано выше на рисунке 4. 

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


Рисунок 7 - Включение CRM формы битрикс24

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

Настройка онлайн чата

Одной из задач качественной интеграция сайта с битрикс24 является возможность пользователя вашего сайта задать любой интересующий его вопрос не отрываясь от просмотра сайта. В решении этой задачи нам поможет онлайн чат. Онлайн чат находится в открытых линиях, по умолчанию один онлайн чат уже будет создан, поэтому детальную его настройку рассматривать не будем, но если у вас по каким-то причинам нет онлайн чата, то вам необходимо создать открытую линию при помощи кнопки : "Создать открытую линию" в Открытые линии->Список, нажать на "Онлайн чат", в открывшемся окне нажать "Подключить" и "Сохранить".

Настройка виджета для сайта

В рамках интеграции битрикс24 с сайтом мы не будем рассматривать все настройки виджета для сайта, мы только подключим уже настроенные инструменты. Подробнее о настройках виджета вы сможете узнать из других наших статей или из справки битрикс24.

Для настройки инструмента "Виджет на сайт" вам необходимо пройти по пути CRM->Еще->Виджет на сайт, как показано на рисунке 8.

Рисунок 8 - Переход в инструмент "Виджет на сайт"

В этом разделе мы увидим предустановленный виджет на сайт, который и начнем редактировать, нажав на кнопку "Редактировать". Внешний вид формы редактирования виджета приведен на рисунке 9. 


Рисунок 9 - Вид формы редактирования "Виджет на сайт"

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

1. В поле "Открытая линия", в выпадающем списке название той открытой линии, для которой вы настроили онлайн чат, или оставьте это поле без изменений. Обязательно проконтролируйте, чтобы активности была включена (Вкл.). Подробности на рисунке 10.


Рисунок 10 - Подключение открытой линии к виджету

2. В поле CRM-форма выберите название нашей CRM-Формы - "Обращение с сайта". Обязательно проконтролируйте, чтобы активности была включена (Вкл.), как показано на рисунке 11.


Рисунок 11 - Подключение CRM-Формы

3. В поле "Обратный звонок" выбрать "Обратный звонок с сайта" и проконтролируйте, чтобы блок был активен, как показано на рисунке 12.


Рисунок 12 - Подключение обратного звонка к виджету

После проделанных выше манипуляций не забудьте нажать кнопку "Сохранить". На этом подготовка к интеграции битрикс24 с сайтом завершена, далее приступим к самой интеграции.

Интеграция битрикс24 с сайтом, установка виджета

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

Рисунок 13 - Копирование кода виджета

После чего вам нужно войти в административную часть сайта, перейти по пути Настройки->Настройки продукта->Шаблоны сайтов, далее в списке шаблонов найти тот, кторый установлен у вас и нажать на кнопку изменить, как показано на рисунке 14. 

Рисунок 14 - Переход к редактированию шаблона

Следующим шагом необходимо вставить код виджета, который мы скопировали в битрикс24 на сайт перед тегом </body> - этот тег находится в самом низу шаблона, пример показан на рисунке 15.


Рисунок 15 - Пример вставки скрипта "Виджет на сайт"

После того, как вы вставили скрипт, не забудьте нажать на кнопку "Сохранить". На этом все, простая интеграция битрикс24 и сайта завершена, пример того, как выглядит вставленный виджет вы можете посмотреть на рисунках 16 и 17.


Рисунок 16 - Свернутый виджет


Рисунок 17 - Развернутый виджет

Как работает интеграция битрикс24 и сайта на примере CRM-Формы

Допустим пользователь зашел на сайт, нажал на виджет, выбрал CRM-форму и заполнил ее как показано на рисунке 18.
 

Рисунок 18 - Заполненная пользователем форма обратной связи

После того, как пользователь заполнит все поля формы и нажмет кнопку отправить, вы получите автоматически созданый лид в вашем битрикс24 (рисунок 19), в котором уже будут все данные, которые ввел пользователь, вам останется только продать ему товар или услугу. 


Рисунок 19 - Пример автоматически созданного лида

На этом все, надеюсь наша статья об интеграции битрикс24 с вашим сайтом была полезной, спасибо за прочтение. Всегда готовы помочь вам в интеграции битрикс24 с сайтом:)

Сеть Битрикс24 - Ваша компания подключена

Битрикс приветствует вас на новом важном этапе подключения и сотрудничества с новым обновлением Битрикс24. Центральным элементом этого обновления является Сеть Битрикс24 - эта новая услуга делает общение с клиентами, бизнес-партнерами, коллегами и поставщиками проще, чем когда-либо прежде. Bitrix24.Network объединяет все ваши деловые контакты и объединяет компании.

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

Каждая компания сталкивается с вопросом организации мероприятий, закупок товаров и других повседневных проблем, которые возникают« вне »компании - с вашими воинами, подрядчиками, поставщиками, деловыми партнерами и клиентами.

Обычный процесс состоит в том, чтобы снять номера телефонов на нашем мобильном телефоне, уточнить детали и подтвердить участие по телефону, электронной почте или другим способом, завершив массовое рассылку по электронной почте. Теперь все это можно сделать в сети Битрикс24.

Пригласите коллег в свою Битрикс24.Сеть и выходите на связь любым удобным для вас способом: в бизнес-чате - один на один или в групповых чатах; совершить видеозвонок; или даже организовать видеоконференцсвязь для 4 человек.

Никаких дополнительных настроек не требуется; можно работать в Битрикс24.Сеть прямо из вашего браузера.

Первые шаги в Битрикс24 Сеть:

  1. Зайдите на www.bitrix24.net - добро пожаловать в Битрикс24.Сеть.

  2. Зарегистрируйте бесплатную учетную запись Bitrix24.Network или войдите в систему, используя одну из своих учетных записей в социальной сети.
    Затем приглашайте своих знакомых из этих и других сетей и открывайте новые горизонты в общении.
    Вы также увидите новую вкладку для сетевых уведомлений в интерфейсе вашего портала.

  3. После регистрации (авторизации) вам будет предложено выбрать настройки конфиденциальности сети.Вы также сможете изменить их позже
  4. Теперь вы внутри и можете построить свою собственную сеть:

  5. Вы можете легко пригласить существующих друзей, коллег и других контактов в вашу Сеть - подключите социальную сеть, и все ваши друзья появятся в списке контактов.
    А может ваши партнеры или коллеги уже внутри? Попробуйте найти их с помощью быстрого поиска и добавить в свой список контактов.

    Или вы также можете пригласить их в Сеть Битрикс24, отправив приглашение по электронной почте.Когда приглашенный вами человек открывает начальную страницу Битрикс24.Сеть - он приветствует его вашей фотографией и отправленным вами текстом приглашения.

    Человек, которого вы пригласили, регистрируется в Битрикс24.Сеть и сразу видит вас в списке контактов.

  6. Вы можете получить доступ к своей учетной записи Битрикс24 со страницы сети, нажав на «Мой Битрикс24» - вы увидите название вашего портала (ов), и если вы нажмете на название, портал откроется в отдельном окне

  7. У вас несколько аккаунтов Битрикс24? Легко и удобно переключаться между вашими порталами Битрикс24 прямо из Сети, без дополнительной авторизации.Вам больше не нужно запоминать пароли, поскольку единая авторизация позволит вам сохранить один пароль и адрес электронной почты, но получить доступ к любой из ваших учетных записей Битрикс24.

  8. Вам не нужно тратиться на собственную визитку - она ​​уже создана в Битрикс24.Network и может быть прикреплена к письму или просто отправлена ​​клиенту. Визитки Битрикс24.Сеть не только говорят о вас, но и позволяют человеку, получившему их, быстро перемещаться по Сети и звонить вам или отправлять мгновенное сообщение.
  9. Вы можете добавить дополнительную информацию к своей визитной карточке в настройках профиля. Ссылка на ваш сетевой профиль внизу - это ссылка на вашу визитную карточку, и ее можно настроить, перейдя в режим «Редактировать профиль».

    Убедитесь, что вы настроили параметры конфиденциальности так, как вам нужно, чтобы ваши клиенты, деловые партнеры и другие контакты могли отправлять вам сообщения или звонить вам прямо с этой карточки. Вот что они увидят, щелкнув эту ссылку:

  10. Чтобы получить доступ к вкладке языка интерфейса, вам нужно сначала авторизоваться, а после этого вы сможете выбрать язык в правом верхнем углу.
  11. Кроме того, теперь вы можете войти в свой аккаунт Битрикс24 с сайта Битрикс24 - www.bitrix24.com.

.

Создать бесплатный сайт для бизнеса

Создайте свой собственный сайт бесплатно

Если вам интересно, как создать сайт для бизнеса с нулевым бюджетом, Bitrix24.Sites - это то, что вам нужно. В отличие от других многоцелевых конструкторов сайтов, которые позволяют создавать блоги, новостные сайты, галереи изображений или форумы, наше решение создает только бизнес-сайты.

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

Битрикс24 также поддерживает котировки, счета и онлайн-платежи (PayPal, Stripe, BrainTree). Задачи, проекты, календари и совместная работа доступны для всего бесплатного Битрикс24.Пользователи сайтов тоже.

СПЕЦИАЛЬНОЕ ПРЕДЛОЖЕНИЕ: получите до 10 веб-сайтов, дополнительное хранилище, интеграцию с Google Analytics и расширенную CRM всего за 19 долларов в месяц (видео и руководство по CRM для быстрого старта).

* Обратите внимание, что информация могла измениться с момента публикации. Актуальные цены и возможности доступны на странице цен Битрикс24.

П.С. Если вы поделитесь этой страницей в Facebook или Twitter с хэштегом # bitrix24, вы автоматически получите шанс выиграть 12-месячную подписку на Bitrix24 Professional (стоимость 2400 долларов в год).

.

Битрикс24 Веб-кластер Введение

Модуль Веб-кластер доступен в редакции Битрикс24 Корпоративная.

Web Cluster решает следующие проблемы:

Масштабируемость сайта при возрастающих рабочих нагрузках


По мере развития интрасети растет популярность и трафик, а также увеличиваются требуемые ресурсы: ЦП, память, дисковое пространство.

Битрикс Веб-Кластер - это гибкое решение с возможностью масштабирования в реальном времени конкретных ресурсов (базы данных или веб-сервера), которые необходимо расширять, просто добавляя новые машины в кластер.

Ключевые особенности технологии:

  • Машины (узлы) в кластере могут иметь совершенно разную конфигурацию: виртуальный хост, VPS, выделенный сервер, облачный экземпляр и т. Д .;
  • Узлы могут быть распределены любым способом, даже если они расположены в отдельных центрах обработки данных;
  • Добавление узлов увеличивает производительность сайта пропорционально емкости нового ресурса.

Резервное копирование системных узлов, отказоустойчивость и непрерывность обслуживания


Второй важный вопрос - обеспечить отказоустойчивость системы и минимизировать время простоя в случае отказа сервера или планового обслуживания.

Если ваша интрасеть находится на одном сервере и этот сервер отключен, или если в центре обработки данных возникла аварийная ситуация, прерывание обслуживания может привести ко многим неприятным обстоятельствам.

Кластеризация всех компонентов интрасети (веб-серверов и баз данных) с помощью Bitrix Web Cluster минимизирует время простоя. В зависимости от того, как осуществляется балансировка нагрузки в кластере, время простоя может быть значительно сокращено, а в некоторых случаях полностью исключено.

Как это работает: когда узел выходит из строя, кластер распознает, что ресурс отключен, будь то база данных, веб-сервер или сервер memcached, и нагрузка на систему автоматически перераспределяется между оставшимися узлами.

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

После диагностики отказавшего сервера (ов) и устранения проблем его можно вернуть для работы в кластере, чтобы максимизировать производительность интрасети.

Резервное копирование в реальном времени


Резервирование системы можно получить с помощью веб-кластера; все данные могут быть скопированы в реальном времени.
Необходимость регулярного резервного копирования данных очевидна. Но также важно быстро восстановиться в случае отключения.

Согласно исследованию Института стратегических исследований, 93% бизнес-компаний, которые испытали серьезный сбой системы и не восстановили данные восстановления в течение 10 дней, отключились и обанкротились в течение года, причем около 50% из них закрылись немедленно.

Таким образом, еще одним важным фактором резервного копирования является частота, с которой они создаются.Если резервное копирование выполняется нечасто, скажем, только раз в неделю, то объем данных, подверженных риску, может быть очень значительным - подумайте о нем как о 2% от годового выпуска.

Битрикс Веб Кластер позволяет подключить один узел в качестве резервного сервера. Это не обязательно должен быть очень дорогой сервер и даже может быть VPS. В среде веб-кластера этот узел можно назначить для использования только в целях резервного копирования.

При наличии выделенного узла резервные копии данных (файлов и баз данных) будут выполняться постоянно - в реальном времени.Восстановление после выключения будет выполняться с данными, которые для всех практических целей актуальны на момент выключения. Самый быстрый способ восстановить систему - просто задействовать сервер резервного копирования в качестве рабочего сервера.

Уменьшение стоимости трафика, простая система CDN


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

В модуле «Битрикс Веб Кластер» присутствуют следующие технологии:

Вертикальный шардинг базы данных


Вертикальное сегментирование - это разделение базы данных веб-приложения на две или несколько баз данных, которые обслуживают определенные модули или наборы модулей продукта.Этот метод не влияет на логическую структуру веб-приложения.

Следующие модули продукта могут обслуживаться отдельными серверами:

Репликация MySQL


Репликация базы данных MySQL - это процесс создания и поддержки текущих копий. Приложение работает не с одной, а с несколькими базами данных: одна база данных используется для записи, а остальные используются для чтения. Это касается только MySQL, а не других типов баз данных, поддерживаемых Битрикс.

Это снижает нагрузку на основную базу данных, поскольку чтение данных происходит в дополнительных (подчиненных) базах данных, а основная база данных доступна исключительно для записи.

Подчиненные базы данных можно использовать только для создания копии первичной базы данных в реальном времени, в противном случае чтение из подчиненных баз данных не будет поддерживаться. Также поддерживается репликация мастер-мастер.

Кэш распределенных данных


Сервер memcached - это сервер, который позволяет сохранять кеш не в файлах, а в оперативной памяти.

Использование нескольких серверов с поддержкой memcached повышает надежность системы за счет повышения стабильности кэширования подсистемы в случае отключения сервера. Централизованное кэширование веб-приложений также более эффективно, и поддерживается неограниченная масштабируемость за счет добавления дополнительных серверов memcached.

Кэш, созданный узлами 1, 2 и / или другими узлами, может использоваться как единый кеш, обслуживающий весь кластер, поэтому любой узел в кластере может получить к нему доступ. Чем больше узлов, тем больше эффект централизованного кеширования.

Непрерывность веб-сеансов между веб-серверами (сохранение сеансов в базе данных)


При использовании одного веб-сервера хранение сеансов в файловой системе сервера является наиболее удобным. Однако при работе с несколькими веб-серверами могут возникнуть ситуации, когда запрос пользователя (например, прямая авторизация) происходит на одном сервере, а следующий запрос происходит на другом сервере, на котором посетитель не авторизован. Такая ситуация доставит посетителям ряд неудобств.Если сеансы хранятся в файловой системе, а не в базе данных, статистика и анализ поведения пользователей будут основываться на неверных данных.

Кластеризация веб-сервера


Считается, что веб-сервер находится в кластере, если файлы веб-проекта расположены на различных узлах кластера.

Использование нескольких веб-серверов для интрасети означает, что любой запрос любого пользователя может быть обработан любым из узлов кластера. Для этого каждый веб-сервер должен содержать одинаковый контент (файлы).Например, изображение, загружаемое через административный интерфейс на одном веб-сервере, должно быть доступно для возврата пользователю через другой веб-сервер.

При реализации кластера веб-серверов необходимо настроить синхронизацию содержимого на каждом узле и балансировку нагрузки между узлами.

Подробнее о настройке веб-кластера для платформы «Битрикс» можно прочитать здесь. В «Битрикс Виртуальная машина» также есть поддержка быстрого развертывания кластера master-slave.

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий