Führen Sie mehrere Widget-Instanzen auf derselben Seite mit isolierten Containern, Ereignissen und Instanz-APIs aus. Verwenden Sie eindeutige Instanz-IDs, um unterschiedliche Konfigurationen nebeneinander zu laden (zum Beispiel Verkauf + Support) ohne Kollisionen.
Einige Anwendungen benötigen mehr als ein Widget gleichzeitig. Multi-Brand-E-Commerce-Websites könnten Widgets für verschiedene Produktkategorien anzeigen, und Supportplattformen können separate Widgets für Verkauf und technischen Support ausführen. Multi-Widget-Unterstützung ist jetzt verfügbar durch instanzbasierte Einbettung und pro Instanz-APIs.
data-instance-iddata-config-id-Werte pro Instanz, wenn nötigcompanin-widget-container-<instanceId> / companin-docs-widget-container-<instanceId>)Dies ermöglicht es mehreren unabhängigen Widgets, auf einer Seite zu koexistieren, ohne sich gegenseitig zu überschreiben.
Verwenden Sie eindeutige Skript-IDs und Instanz-IDs für jede Widget-Instanz:
<script
id="companin-widget-script-sales"
src="https://widget.companin.tech/widget.js"
data-client-id="..."
data-agent-id="..."
data-config-id="sales-config-id"
data-instance-id="sales-widget"
></script>
<script
id="companin-widget-script-support"
src="https://widget.companin.tech/widget.js"
data-client-id="..."
data-agent-id="..."
data-config-id="support-config-id"
data-instance-id="support-widget"
></script>
Verwenden Sie Registrierungs-APIs, um spezifische Instanzen anzusprechen:
const sales = window.CompaninWidgets?.get('sales-widget');
const support = window.CompaninWidgets?.get('support-widget');
sales?.sendMessage('Aktuelle Angebote anzeigen');
support?.sendMessage('Ich benötige technische Hilfe');
window.CompaninWidgets?.list();
window.CompaninWidgets?.destroy('support-widget');
Dokumentenwidget-Instanzen verwenden ein paralleles Register:
window.CompaninDocsWidgets.get(id)window.CompaninDocsWidgets.list()window.CompaninDocsWidgets.destroy(id)Bestehende Integrationen funktionieren weiterhin. window.CompaninWidget und window.CompaninDocsWidget zeigen weiterhin auf die zuletzt initialisierte Instanz, während die Registrierungs-APIs eine deterministische Multi-Instanz-Ansprache bieten.