VTAP: Migliorare l'efficienza tramite l'integrazione di popup personalizzati per le applicazioni in Vtiger CRM

Questa edizione della newsletter descrive in dettaglio il processo di integrazione di un sito Web esterno o di uno strumento basato sul Web all'interno di Vtiger CRM utilizzando un pop-up personalizzato.

Il sito esterno viene visualizzato tramite un , rendendolo accessibile dall'interfaccia CRM. Questa soluzione si basa sul Module Designer di Vtiger e utilizza il gancio GLOBAL_ACTION per visualizzare dinamicamente il pop-up. Questa integrazione può essere utilizzata per l'integrazione telefonica, la gestione dei progetti, gli strumenti di supporto e altro ancora.

Obiettivo

  • Offri un'esperienza utente fluida integrando strumenti esterni direttamente in Vtiger CRM.
  • Aumenta l'efficienza eliminando la necessità di passare da applicazioni CRM a applicazioni di terze parti.
  • Offri flessibilità consentendo l'integrazione di vari siti web o piattaforme di terze parti.

Implementazione tecnica

Script popup nel progettista di moduli

  • La logica per creare e gestire il pop-up è scritta negli script di Module Designer.
  • Questi script vengono iniettati dinamicamente, consentendo flessibilità nel posizionamento senza modificare i file CRM principali.

Registrazione Hook: GLOBAL_ACTION

  • Un hook personalizzato viene registrato utilizzando l'hook GLOBAL_ACTION di Vtiger.
  • L'hook consente di aggiungere elementi UI personalizzati (ad esempio icone, pulsanti) in diverse viste o moduli all'interno di Vtiger.

Rendering e interazione delle icone

  • Il gancio personalizzato visualizza un'icona o un pulsante nella posizione richiesta nell'interfaccia CRM.
  • Cliccando sull'icona si apre un pop-up con l'iframe incorporato, che carica il sito web esterno.

Incorporamento di iframe

  • L'iframe viene inserito dinamicamente nel popup e carica il sito web esterno specificato.
  • Il contenuto dell'iframe è formattato in modo da adattarsi al contenitore pop-up ed è completamente funzionale all'interno del CRM, senza la necessità di cambiare scheda.

Vantaggi di questo approccio

  • Nessuna modifica al nucleo:La soluzione utilizza hook e script personalizzati, preservando l'integrità dei file principali di Vtiger.
  • componibile: Può essere facilmente esteso per incorporare vari strumenti esterni aggiornando l'URL dell'iframe.
  • Iniezione dinamica: L'iframe viene creato solo quando l'utente clicca sull'icona personalizzata, assicurando che l'interfaccia utente rimanga pulita finché non serve.
  • Personalizzazione: Controllo completo sul posizionamento, sul design e sullo stile dell'icona e del pop-up iframe.

Considerazioni sulla sicurezza

  • CORSO: Il sito web esterno deve consentire l'incorporamento di iframe. Questo è in genere controllato tramite intestazioni HTTP come X-Frame-Options e Content-Security-Policy.
  • HTTPS: assicurati che sia Vtiger sia il sito web esterno utilizzino HTTPS per evitare errori di contenuto misto.
  • Controllo Accessi: Utilizza il controllo di accesso basato sui ruoli integrato in Vtiger per limitare gli utenti che possono accedere al pop-up incorporato.

Caso d'uso: integrazione telefonica

Scenario: Un'azienda utilizza un'applicazione di telefonia di terze parti (ad esempio Ozonetel) per gestire le chiamate e le interazioni con i clienti. L'obiettivo è integrare il sistema di telefonia direttamente in Vtiger CRM per consentire agli operatori del servizio clienti di gestire le chiamate e aggiornare i record del CRM senza uscire dall'interfaccia del CRM.

Soluzione: Utilizzando un popup personalizzato in Vtiger, l'applicazione di telefonia è integrata nel CRM. Gli agenti possono cliccare su un'icona nel CRM, che apre un iframe che mostra il sistema di telefonia. Questa integrazione consente all'agente di:

  • Effettua e ricevi chiamate direttamente dal CRM.
  • Visualizza la cronologia delle chiamate e i dettagli dei clienti in tempo reale.
  • Aggiorna i record CRM in base alle interazioni telefoniche.
  • Modifica lo stato di disponibilità (ad esempio, Attivo, Non disponibile) all'interno del CRM.

Questa soluzione elimina la necessità per gli agenti di passare dal CRM all'applicazione di telefonia, migliorando l'efficienza e riducendo il cambio di contesto.

Crediamo che questi esempi miglioreranno la tua esperienza con Vtiger CRM. Vogliamo garantire che sviluppatori e utenti CRM possano condividere reciprocamente informazioni e conoscenze per migliorare la funzionalità del CRM.

Restate sintonizzati per saperne di più. Buona programmazione!

 
 

Iscriviti per ricevere gli ultimi aggiornamenti!