Novo canal para web

Center Stage

Uma conversa, no centro da página.

Este é o nosso agente de suporte ao vivo. Pergunte a ele sobre Center Stage.

Por que usar Center Stage

Quando o chat é o foco, coloque-o no centro

É fácil ignorar uma bolha no canto. Center Stage escurece a página, mantém o foco dentro da janela e devolve os visitantes exatamente ao ponto onde estavam quando a fecham.

Atenção total

Um fundo escurecido atrás da janela, o foco mantido dentro dela e Esc ou o botão de fechar para sair. Nada mais na página disputa a atenção.

Um canal próprio

Center Stage tem configurações próprias de aparência, voz, instruções e ações na página Canais. Ative ou desative sem alterar a bolha.

O mesmo SDK

open, close, identify, resetChat, setOptions, eventos e ferramentas do navegador funcionam exatamente como na bolha.

Ocupa toda a tela do celular

Nos celulares, a janela ocupa toda a área visível e mantém o campo de mensagem acima do teclado.

Configuração

No ar em três passos

Center Stage usa o script de incorporação que você já tem. Um único atributo muda a apresentação.

1

Ative o canal

Na página Canais do seu agente, ative Center Stage e ajuste a aparência, as instruções e as ações.

2

Adicione um atributo

Adicione data-display="center-stage" à tag do script de incorporação, ao lado de data-chatbot.

<script>
  (function (w) {
    if (w.agentkit) return;
    var q = [];
    var agentkit = function () { q.push(arguments); };
    agentkit.q = q;
    w.agentkit = agentkit;
  })(window);
</script>
<script async
  data-chatbot="YOUR_CHATBOT_ID"
  data-display="center-stage"
  src="https://agentkit.ai/dist/agentkit-chatbot.js"></script>
3

Abra de qualquer lugar

O iniciador abre a janela por padrão. Qualquer botão ou link na sua página também pode chamar o SDK.

<button onclick="window.agentkit('open')">Ask us anything</button>

Consulte todas as opções na documentação do Embed SDK

Perguntas frequentes

Perguntas sobre Center Stage

Respostas breves sobre o funcionamento da janela e como ela pode ser usada junto com a bolha.

Posso usar a bolha e Center Stage na mesma página?

Não. O widget carrega uma apresentação por página. Se dois scripts de incorporação forem carregados, prevalece o data-display do primeiro e o outro registra um aviso no console. Use a bolha na maioria das páginas e Center Stage quando a conversa for a tarefa principal.

Os visitantes ainda veem o iniciador?

Sim. O iniciador continua sendo a forma padrão de abrir a janela. Você também pode abri-la por qualquer elemento com window.agentkit('open') e fechá-la com window.agentkit('close').

Center Stage compartilha as configurações com a bolha?

Ele compartilha o conhecimento do seu agente, mas tem configurações próprias de aparência, voz, instruções e ações na página Canais. Desativar o canal nessa página interrompe o Center Stage em todos os sites, enquanto a bolha continua funcionando.

Quais planos incluem Center Stage?

Center Stage está incluído nos planos pagos. Os workspaces gratuitos mantêm a bolha e podem ativar Center Stage após o upgrade.

Comece gratuitamenteNão é necessário cartão de crédito
Comece gratuitamenteNão é necessário cartão de crédito