Ejecute múltiples instancias de widgets en la misma página con contenedores aislados, eventos y APIs de instancia. Use ID de instancia únicos para cargar diferentes configuraciones lado a lado (por ejemplo, ventas + soporte) sin colisiones.
Algunas aplicaciones necesitan más de un widget a la vez. Los sitios de comercio electrónico de múltiples marcas pueden mostrar widgets para diferentes categorías de productos, y las plataformas de soporte pueden ejecutar widgets separados para ventas y soporte técnico. El soporte para múltiples widgets ya está disponible a través de incrustaciones basadas en instancias y APIs por instancia.
data-instance-id únicodata-config-id por instancia cuando sea necesariocompanin-widget-container-<instanceId> / companin-docs-widget-container-<instanceId>)Esto permite que múltiples widgets independientes coexistan en una página sin sobrescribirse entre sí.
Use ID de script únicos e ID de instancia para cada instancia de widget:
<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>
Use APIs de registro para dirigirse a instancias específicas:
const sales = window.CompaninWidgets?.get('sales-widget');
const support = window.CompaninWidgets?.get('support-widget');
sales?.sendMessage('Mostrar ofertas actuales');
support?.sendMessage('Necesito ayuda técnica');
window.CompaninWidgets?.list();
window.CompaninWidgets?.destroy('support-widget');
Las instancias de widgets de docs utilizan un registro paralelo:
window.CompaninDocsWidgets.get(id)window.CompaninDocsWidgets.list()window.CompaninDocsWidgets.destroy(id)Las integraciones existentes continúan funcionando. window.CompaninWidget y window.CompaninDocsWidget aún apuntan a la instancia más recientemente inicializada, mientras que las APIs de registro proporcionan un objetivo determinista de múltiples instancias.