Execute várias instâncias de widget na mesma página com contêineres isolados, eventos e APIs de instância. Use IDs de instância exclusivos para carregar diferentes configurações lado a lado (por exemplo, vendas + suporte) sem colisões.
Algumas aplicações precisam de mais de um widget ao mesmo tempo. Sites de e-commerce de múltiplas marcas podem exibir widgets para diferentes categorias de produtos, e plataformas de suporte podem executar widgets separados para vendas e suporte técnico. O suporte a múltiplos widgets já está disponível através de incorporação baseada em instâncias e APIs por instância.
data-instance-id exclusivodata-config-id por instância quando necessáriocompanin-widget-container-<instanceId> / companin-docs-widget-container-<instanceId>)Isso permite que múltiplos widgets independentes coexistam em uma página sem se sobrepor uns aos outros.
Use IDs de script e IDs de instância exclusivos para cada instância 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 direcionar instâncias específicas:
const sales = window.CompaninWidgets?.get('sales-widget');
const support = window.CompaninWidgets?.get('support-widget');
sales?.sendMessage('Mostrar ofertas atuais');
support?.sendMessage('Preciso de ajuda técnica');
window.CompaninWidgets?.list();
window.CompaninWidgets?.destroy('support-widget');
As instâncias do widget de docs usam um registro paralelo:
window.CompaninDocsWidgets.get(id)window.CompaninDocsWidgets.list()window.CompaninDocsWidgets.destroy(id)Integrações existentes continuam funcionando. window.CompaninWidget e window.CompaninDocsWidget ainda apontam para a instância mais recentemente inicializada, enquanto as APIs de registro fornecem direcionamento determinístico de múltiplas instâncias.