| Ziel - Sorgen Sie für ein nahtloses Benutzererlebnis, indem Sie externe Tools direkt in Vtiger CRM integrieren.
- Steigern Sie die Effizienz, indem Sie nicht mehr zwischen CRM- und Drittanbieteranwendungen wechseln müssen.
- Bieten Sie Flexibilität, indem Sie die Integration verschiedener Websites oder Plattformen von Drittanbietern ermöglichen.
Technische Umsetzung Popup-Skript im Modul-Designer - Die Logik zum Erstellen und Verwalten des Popups ist in den Skripten des Modul-Designers geschrieben.
- Diese Skripte werden dynamisch eingefügt und ermöglichen eine flexible Platzierung, ohne die zentralen CRM-Dateien zu ändern.
Hook-Registrierung: GLOBAL_ACTION - Ein benutzerdefinierter Hook wird mit dem GLOBAL_ACTION-Hook von Vtiger registriert.
- Mit dem Hook können Sie benutzerdefinierte UI-Elemente (z. B. Symbole, Schaltflächen) über verschiedene Ansichten oder Module innerhalb von Vtiger hinweg hinzufügen.
Symbol-Rendering und -Interaktion - Der benutzerdefinierte Hook rendert ein Symbol oder eine Schaltfläche an der gewünschten Stelle in der CRM-Schnittstelle.
- Beim Anklicken des Icons wird ein Popup mit eingebettetem Iframe erstellt, welches die externe Website lädt.
Iframe-Einbettung - Das Iframe wird dynamisch in das Popup eingefügt und lädt die angegebene externe Website.
- Der Iframe-Inhalt wird so gestaltet, dass er in den Popup-Container passt und innerhalb des CRM voll funktionsfähig ist, ohne dass ein Tab-Wechsel erforderlich ist.
Vorteile dieses Ansatzes - Keine Kernmodifikationen: Die Lösung verwendet Hooks und benutzerdefinierte Skripte und bewahrt so die Integrität der Kerndateien von Vtiger.
- Modular: Kann durch Aktualisieren der Iframe-URL einfach erweitert werden, um verschiedene externe Tools einzubetten.
- Dynamische Injektion: Der Iframe wird nur erstellt, wenn der Benutzer auf das benutzerdefinierte Symbol klickt. Dadurch wird sichergestellt, dass die Benutzeroberfläche sauber bleibt, bis sie benötigt wird.
- Anpassung: Volle Kontrolle über Platzierung, Design und Stil des Symbols und des Iframe-Popups.
Sicherheitsüberlegungen - CORS: Die externe Website muss die Einbettung von Iframes zulassen. Dies wird typischerweise über HTTP-Header wie X-Frame-Options und Content-Security-Policy gesteuert.
- HTTPS: Stellen Sie sicher, dass sowohl Vtiger als auch die externe Website HTTPS verwenden, um Fehler durch gemischte Inhalte zu vermeiden.
- Zugangskontrolle: Verwenden Sie die integrierte rollenbasierte Zugriffskontrolle von Vtiger, um einzuschränken, welche Benutzer auf das eingebettete Popup zugreifen können.
Anwendungsfall: Telefonie-Integration Szenario: Ein Unternehmen nutzt eine Telefonanwendung eines Drittanbieters (z. B. Ozonetel) zur Verwaltung von Anrufen und Kundeninteraktionen. Ziel ist die direkte Integration des Telefonsystems in Vtiger CRM, damit Kundendienstmitarbeiter Anrufe verwalten und CRM-Datensätze aktualisieren können, ohne die CRM-Oberfläche verlassen zu müssen. Lösung: Mithilfe eines benutzerdefinierten Popups in Vtiger wird die Telefonieanwendung in das CRM eingebettet. Agenten können im CRM auf ein Symbol klicken, wodurch ein Iframe mit dem Telefonsystem geöffnet wird. Diese Integration ermöglicht dem Agenten: - Tätigen und empfangen Sie Anrufe direkt aus dem CRM.
- Zeigen Sie den Anrufverlauf und die Kundendetails in Echtzeit an.
- Aktualisieren Sie CRM-Datensätze basierend auf Anrufinteraktionen.
- Ändern Sie den Verfügbarkeitsstatus (z. B. „Aktiv“, „Nicht verfügbar“) im CRM.
Mit dieser Lösung müssen die Agenten nicht mehr zwischen der CRM- und der Telefonieanwendung wechseln, was die Effizienz verbessert und den Kontextwechsel reduziert. Wir glauben, dass diese Beispiele Ihre Erfahrung mit Vtiger CRM verbessern werden. Wir möchten sicherstellen, dass Entwickler und CRM-Benutzer Informationen und Wissen austauschen können, um die Funktionalität des CRM zu verbessern. Bleiben Sie dran für mehr. Viel Spaß beim Programmieren! |
