VTAP: повышение эффективности за счет интеграции пользовательских всплывающих окон для приложений в Vtiger CRM

В этом выпуске информационного бюллетеня подробно описывается процесс встраивания внешнего веб-сайта или веб-инструмента в Vtiger CRM с помощью настраиваемого всплывающего окна.

Внешний сайт отображается через , что делает его доступным в интерфейсе CRM. Это решение работает на основе Vtiger's Module Designer и использует хук GLOBAL_ACTION для динамического отображения всплывающего окна. Эту интеграцию можно использовать для интеграции телефонии, управления проектами, инструментов поддержки и многого другого.

Цель

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

Техническая реализация

Всплывающий скрипт в конструкторе модулей

  • Логика создания и управления всплывающим окном прописывается в скриптах конструктора модулей.
  • Эти скрипты внедряются динамически, что обеспечивает гибкость размещения без изменения основных файлов CRM.

Регистрация хука: GLOBAL_ACTION

  • Пользовательский хук регистрируется с помощью хука GLOBAL_ACTION Vtiger.
  • Хук позволяет добавлять пользовательские элементы пользовательского интерфейса (например, значки, кнопки) в различные представления или модули в Vtiger.

Рендеринг иконок и взаимодействие

  • Пользовательский хук отображает значок или кнопку в требуемом месте интерфейса CRM.
  • При нажатии на значок открывается всплывающее окно со встроенным iframe, которое загружает внешний веб-сайт.

Встраивание Iframe

  • iframe динамически внедряется во всплывающее окно и загружает указанный внешний веб-сайт.
  • Содержимое iframe стилизовано под всплывающий контейнер и полностью функционально в CRM без необходимости переключения вкладок.

Преимущества этого подхода

  • Никаких основных модификаций: Решение использует хуки и пользовательские скрипты, сохраняя целостность основных файлов Vtiger.
  • модульная: Может быть легко расширен для встраивания различных внешних инструментов путем обновления URL-адреса iframe.
  • Динамическая инъекция: iframe создается только тогда, когда пользователь нажимает на пользовательский значок, гарантируя, что пользовательский интерфейс останется чистым до тех пор, пока он не понадобится.
  • Индивидуальная конфигурация: Полный контроль над размещением, дизайном и стилем значка и всплывающего окна iframe.

Соображения безопасности

  • КОРС: Внешний веб-сайт должен разрешать встраивание iframe. Обычно это контролируется через заголовки HTTP, такие как X-Frame-Options и Content-Security-Policy.
  • HTTPS: Убедитесь, что Vtiger и внешний веб-сайт используют HTTPS, чтобы предотвратить ошибки смешанного содержимого.
  • Контроль доступа: Используйте встроенную функцию управления доступом на основе ролей Vtiger, чтобы ограничить круг пользователей, которые могут получить доступ к встроенному всплывающему окну.

Вариант использования: интеграция телефонии

Сценарий: Компания использует стороннее приложение телефонии (например, Ozonetel) для управления звонками и взаимодействиями с клиентами. Цель состоит в том, чтобы интегрировать систему телефонии непосредственно в Vtiger CRM, чтобы позволить агентам по обслуживанию клиентов управлять звонками и обновлять записи CRM, не покидая интерфейс CRM.

Решение: С помощью пользовательского всплывающего окна в Vtiger приложение телефонии встраивается в CRM. Агенты могут нажать на значок в CRM, который открывает iframe, отображающий систему телефонии. Эта интеграция позволяет агенту:

  • Совершайте и принимайте звонки прямо из CRM.
  • Просматривайте историю звонков и данные о клиентах в режиме реального времени.
  • Обновляйте записи CRM на основе взаимодействия по звонкам.
  • Измените статус доступности (например, «Активно», «Недоступно») в CRM.

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

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

Оставайтесь с нами для большего. Приятного кодирования!

 
 

Подпишитесь, чтобы получать последние обновления!