Kör flera widgetinstanser på samma sida med isolerade containrar, händelser och instans-API:er. Använd unika instans-ID:n för att ladda olika konfigurationer sida vid sida (till exempel försäljning + support) utan kollisioner.
Vissa applikationer behöver mer än en widget samtidigt. Multi-brand e-handelswebbplatser kan visa widgets för olika produktkategorier, och supportplattformar kan köra separata widgets för försäljning och teknisk support. Multi-widgetstöd är nu tillgängligt genom instansbaserad inbäddning och per-instans API:er.
data-instance-iddata-config-id-värden per instans när det behövscompanin-widget-container-<instanceId> / companin-docs-widget-container-<instanceId>)Detta möjliggör att flera oberoende widgets kan samexistera på en sida utan att åsidosätta varandra.
Använd unika skript-ID:n och instans-ID:n för varje widgetinstans:
<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>
Använd register-API:er för att rikta in dig på specifika instanser:
const sales = window.CompaninWidgets?.get('sales-widget');
const support = window.CompaninWidgets?.get('support-widget');
sales?.sendMessage('Visa aktuella erbjudanden');
support?.sendMessage('Jag behöver teknisk hjälp');
window.CompaninWidgets?.list();
window.CompaninWidgets?.destroy('support-widget');
Dokumentwidgetinstanser använder ett parallellt register:
window.CompaninDocsWidgets.get(id)window.CompaninDocsWidgets.list()window.CompaninDocsWidgets.destroy(id)Befintliga integrationer fortsätter att fungera. window.CompaninWidget och window.CompaninDocsWidget pekar fortfarande på den senast initierade instansen, medan register-API:erna ger deterministisk multi-instans riktning.