VTAP : Amélioration de l'efficacité grâce à l'intégration de fenêtres contextuelles personnalisées pour les applications dans Vtiger CRM

Cette édition de la newsletter détaille le processus d'intégration d'un site Web externe ou d'un outil Web dans Vtiger CRM à l'aide d'une fenêtre contextuelle personnalisée.

Le site externe est affiché via un , le rendant accessible depuis l'interface CRM. Cette solution s'appuie sur le concepteur de modules de Vtiger et utilise le hook GLOBAL_ACTION pour afficher la fenêtre contextuelle de manière dynamique. Cette intégration peut être utilisée pour l'intégration téléphonique, la gestion de projet, les outils d'assistance, etc.

Objectif

  • Offrez une expérience utilisateur transparente en intégrant des outils externes directement dans Vtiger CRM.
  • Améliorez l’efficacité en éliminant le besoin de basculer entre le CRM et les applications tierces.
  • Offrez de la flexibilité en permettant l’intégration de divers sites Web ou plateformes tiers.

Mise en œuvre technique

Script contextuel dans le concepteur de modules

  • La logique de création et de gestion du pop-up est écrite dans les scripts Module Designer.
  • Ces scripts sont injectés de manière dynamique, ce qui permet une flexibilité de placement sans modifier les fichiers CRM de base.

Enregistrement du crochet : GLOBAL_ACTION

  • Un hook personnalisé est enregistré à l'aide du hook GLOBAL_ACTION de Vtiger.
  • Le hook vous permet d'ajouter des éléments d'interface utilisateur personnalisés (par exemple, des icônes, des boutons) dans différentes vues ou modules dans Vtiger.

Rendu et interaction des icônes

  • Le hook personnalisé affiche une icône ou un bouton à l'emplacement requis dans l'interface CRM.
  • Lorsqu'on clique dessus, l'icône déclenche la création d'une fenêtre contextuelle avec l'iframe intégrée, qui charge le site Web externe.

Intégration d'iframe

  • L'iframe est injecté dynamiquement dans la fenêtre contextuelle et charge le site Web externe spécifié.
  • Le contenu de l'iframe est conçu pour s'adapter au conteneur contextuel et est entièrement fonctionnel dans le CRM, sans qu'il soit nécessaire de changer d'onglet.

Avantages de cette approche

  • Aucune modification de base:La solution utilise des hooks et des scripts personnalisés, préservant l'intégrité des fichiers principaux de Vtiger.
  • Modulaire:Peut être facilement étendu pour intégrer divers outils externes en mettant à jour l'URL iframe.
  • Injection dynamique: L'iframe n'est créé que lorsque l'utilisateur clique sur l'icône personnalisée, garantissant que l'interface utilisateur reste propre jusqu'à ce qu'elle soit nécessaire.
  • Personnalisation:Contrôle total sur le placement, la conception et le style de l'icône et de la fenêtre contextuelle iframe.

Considérations de sécurité

  • CORSLe site web externe doit autoriser l'intégration d'iFrame. Ceci est généralement contrôlé via des en-têtes HTTP tels que X-Frame-Options et Content-Security-Policy.
  • HTTPS: Assurez-vous que Vtiger et le site Web externe utilisent HTTPS pour éviter les erreurs de contenu mixte.
  • Contrôle d'Accès:Utilisez le contrôle d'accès basé sur les rôles intégré de Vtiger pour restreindre les utilisateurs pouvant accéder à la fenêtre contextuelle intégrée.

Cas d'utilisation : intégration de la téléphonie

ScénarioUne entreprise utilise une application de téléphonie tierce (par exemple, Ozonetel) pour gérer les appels et les interactions clients. L'objectif est d'intégrer ce système de téléphonie directement dans Vtiger CRM afin de permettre aux agents du service client de gérer les appels et de mettre à jour les enregistrements CRM sans quitter l'interface CRM.

SolutionGrâce à une fenêtre contextuelle personnalisée dans Vtiger, l'application de téléphonie est intégrée au CRM. Les agents peuvent cliquer sur une icône dans le CRM pour ouvrir une iframe affichant le système de téléphonie. Cette intégration permet à l'agent de :

  • Passez et recevez des appels directement depuis le CRM.
  • Consultez l'historique des appels et les détails du client en temps réel.
  • Mettre à jour les enregistrements CRM en fonction des interactions téléphoniques.
  • Modifier le statut de disponibilité (par exemple, Actif, Indisponible) dans le CRM.

Cette solution élimine le besoin pour les agents de basculer entre le CRM et l'application de téléphonie, améliorant ainsi l'efficacité et réduisant le changement de contexte.

Nous pensons que ces exemples amélioreront votre expérience avec Vtiger CRM. Nous voulons nous assurer que les développeurs et les utilisateurs du CRM peuvent partager mutuellement des informations et des connaissances pour améliorer les fonctionnalités du CRM.

Restez à l'écoute pour en savoir plus. Bon codage !

 
 

Inscrivez-vous pour recevoir les dernières mises à jour!