Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Создание личного кабинета клиента на сайте, на примере кабинета арендатора коммерческой недвижимости

Мы разработали личный кабинет на сайте офисного центра (ОЦ «На научном»).

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

Администрация ОЦ получила возможность принимать сотни обращений клиентов в «едином окне» — CRM, не терять заявки на платные услуги. Удобным оказалась функция автоматической доставки счета в личный кабинет арендатора и на почту, сразу при создании нового счета в 1С.

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

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

Преимущества вашего нового сайта гостиницы

Функции личного кабинета пользователя

Вход и регистрация в Личном кабинете

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

Клиент регистрируется в ЛК, заходит на главную страницу ЛК, где может оставить заявку на услуги, просмотреть финансовую информацию и другие разделы и страницы.

Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Страница с персональными данными клиента (ФИО, компания, ИНН, номер договора аренды и т.п. – данные импортируются из 1С)

Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Страница с Договором аренды и другими договорами, соглашениями

  • Счета и документы — архив документов.
  • Скачать счет за услуги. Счет за аренду выставляется в 1С и передается в кабинет клиенту в раздел счета и документы. Сайт оправляет email-уведомление клиенту, что у него в кабинете появился новый документ.
  • Просмотреть юридические документы – в кабинет документы попадают из 1С, справочника “Контрагенты”.

Заказать дополнительные услуги, включая платные

Формы создания запроса на дополнительные услуги, 9 типов:

  • Заявка на оформление постоянного пропуска.
  • Заявка на оформление гостевого пропуска.
  • Заявка на оформление постоянного пропуска для автотранспорта.
  • Заявка на оформление гостевого пропуска для автотранспорт.
  • Заявка на внос/вынос материальных ценностей.
  • Заявка на переоформление постоянного пропуска.
  • Заявка на подключение интернета.
  • Заявка на клининг.
  • Жалобы/обращения/просьбы/заявления (свободная форма).
Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Направить сообщение администрации по чату

В кабинет интегрирован чат Битрикс24, связанный с открытой линией “Администрация офисного центра”. Пользователь может получить ответ в личном кабинете в окне чата, а также по email, уведомление о новом сообщении.

Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Статус открытых заявок на услуги

  • передача заявки в CRM Битрикс24, создание нового обращения (Лида);
  • импорт из Битрикс24 статуса заявки.
Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Страница с историей обращений (дата, статус заявки)

Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Сформировать счет

При заказе услуг в кабинете предусматривается кнопка “Сформировать счет” (для платных услуг), при клике на эту кнопку происходит формирование счета. Счет формируется сайтом на основе переданных ранее данных из 1С: юридическое лицо заказчика, получатель платежа и реквизиты. Счет можно скачать, отправить на email, например в бухгалтерию.

Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Разработка функции онлайн-оплаты на сайте

Заполненная на странице сайта информацию передается в банк для идентификации платежа и сохраняется на сайте в CMS. В случае корректного заполнения полей открывается платежная страница банка. В данном проекте осуществлена интеграция с двумя банками, осуществляющими эквайринг: Промсвязьбанк, ВТБ.

Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Выгрузка данных из 1С в личный кабинет на сайте

Данные о клиентах требуется из 1С передавать на сайт. Для этого подойдет стандартная двухсторонняя связка «1С – Битрикс», подобно тому, как обмениваются данными интернет-магазины на Битриксе и 1С.

Разработка личного кабинета на сайте и интеграция Битрикс-24, 1С и CMS Bitrix

Описание интеграции сайта и 1С

Выгрузка данный из 1С на сайт осуществляется через “товарный” каталог. Для этого способа в 1С разработан скрипт, который «закидывает» данные справочников (информацию о контрагентах, их документы) в каталог “товаров” для связи с сайтом. Далее, в автоматическом режиме (предусмотренном модулем интеграцией 1С и Битрикс) данные из каталога 1С передаются на сайт и отображаются в кабинете клиентов.

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

1-я папка каталога выгрузки “Данные о контрагенте” содержит поля:

  • id1;
  • Контрагент наименование;
  • email;
  • телефон;
  • ФИО контактное лицо;
  • ИНН.

2-я папка каталога выгрузки “Договор контрагента” содержит поля:

  • id2;
  • принадлежность к id1 объекта 1‑й папки;
  • наименование и номер и дата;
  • организация (юр.лицо ННА);
  • номер;
  • от (дата);
  • лицевой счет;
  • объект аренды (название, этаж, площадь и т.д.);
  • ответственный;
  • сальдо по договору (ели это рассчитывается и можно вытащить, то в кабинете можно отобразить долг клиента по договору).

3-я папка каталога выгрузки “Счета и документы по договору” содержит поля:

  • id3;
  • принадлежность к объекту id2 второй папки;
  • вид документа;
  • номер документа;
  • от (дата счета);
  • сумма (если не сложно вытащить?);
  • cтатус;
  • оплата до;
  • документ для скачки (pdf / xls – что выдает 1С).

4-я папка “Объекты аренды” содержит поля

  • арендная ставка за кв.м/год;
  • количество/единица измерения м2 объекта;
  • иерархия объекта аренды;
  • объект аренды;
  • вид объекта аренды;
  • id2.

Арендатор может иметь несколько помещений (объектов) в аренде — мы учли это.

Создание личного кабинета на основе Битрикс-24. Интеграция Битрикс-24 и сайта

Создание личного кабинета на основе Битрикс-24 позволило упростить обработку заявок от арендаторов, ускорить ответы на запросы, обеспечила возможности описанные ниже. Настроена двусторонняя передача данных “Битрикс-24 — Сайт” (тариф Битрикс-24 — «Компания»).

1.png
Отправка форм-заявок на услуги из личного кабинета в CRM Битрикс-24

Данные форм отправляются в Битрикс24, в котором создается Лид и Сделка, определенного направления, соответствующего типу заявки.

Заявки попадают в систему Битрикс-24 вместе c данными заполненных полей. Сайт передает вместе с формой идентификатор пользователя (email), что обеспечивает привязку обращения к карточке клиента в CRM.

Система Битрикс24 автоматически назначает ответственного за заявку в зависимости от типа заявки. Это реализовано на основе Роботов Лидов и Сделок.

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

2.png
Передача статуса Лида/Сделки на сайт в личный кабинет

По мере обработки заявки (сделки) меняются статусы этой заявки. Б24 отправляет техническое сообщение сайту, в котором передает идентификатор заявки и название статуса. Статус заявки отображается в кабинете арендатора.

3.png
Чат в личном кабинете

Клиент в кабинете может обратится в чат и написать сообщение, задать вопрос. Обращение клиента будет передано оператору доступному онлайн в Битрикс24 (начат рабочий день). Ответ оператора клиент получит в чате или по почте.

Создание личного кабинета на сайте

Если вы заинтересованы в разработке личного кабинета на своем сайте — обращайтесь!

Кейсы

Отзывы клиентов
Экзитерра

Напишите нашими клиентами и лично спросите о сотрудничестве с нами. В коммерческом предложении мы предоставим вам их контакты.