Voer meerdere widgetinstanties uit op dezelfde pagina met geïsoleerde containers, evenementen en instantie-API's. Gebruik unieke instantie-ID's om verschillende configuraties naast elkaar te laden (bijvoorbeeld verkoop + ondersteuning) zonder conflicten.
Sommige toepassingen hebben meer dan één widget tegelijk nodig. Multi-brand e-commerce sites kunnen widgets voor verschillende productcategorieën weergeven, en ondersteuningsplatforms kunnen aparte widgets voor verkoop en technische ondersteuning draaien. Multi-widget ondersteuning is nu beschikbaar via instantie-gebaseerde embedding en per-instantie API's.
data-instance-iddata-config-id waarden per instantie wanneer nodigcompanin-widget-container-<instanceId> / companin-docs-widget-container-<instanceId>)Dit stelt meerdere onafhankelijke widgets in staat om op één pagina te coëxisteren zonder elkaar te overschrijven.
Gebruik unieke script-ID's en instantie-ID's voor elke widgetinstantie:
<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>
Gebruik registry-API's om specifieke instanties te targeten:
const sales = window.CompaninWidgets?.get('sales-widget');
const support = window.CompaninWidgets?.get('support-widget');
sales?.sendMessage('Toon huidige aanbiedingen');
support?.sendMessage('Ik heb technische hulp nodig');
window.CompaninWidgets?.list();
window.CompaninWidgets?.destroy('support-widget');
Docs widgetinstanties gebruiken een parallelle registry:
window.CompaninDocsWidgets.get(id)window.CompaninDocsWidgets.list()window.CompaninDocsWidgets.destroy(id)Bestaande integraties blijven werken. window.CompaninWidget en window.CompaninDocsWidget wijzen nog steeds naar de meest recent geïnitialiseerde instantie, terwijl de registry-API's deterministische multi-instantie targeting bieden.