Barra Ask AI
Um estilo de widget em tela cheia: uma barra de entrada centralizada que se expande em uma conversa imersiva
Visão Geral
A Barra Ask AI é um estilo alternativo para o seu widget de chat. Em vez do clássico balão no canto, os visitantes veem um campo de entrada centralizado na parte inferior da página, convidando-os a fazer uma pergunta. No momento em que começam a digitar, a página se transforma em uma conversa em tela cheia, com uma barra lateral para as conversas anteriores. Como a barra fica na parte mais visível da página e elimina a etapa de clicar para abrir, os visitantes iniciam com ela muito mais conversas do que com um balão.
Por baixo, é o mesmo assistente: sua base de conhecimento, instruções de IA, cores, configurações de privacidade, captura de leads, agendamentos e todas as outras configurações se aplicam aos dois estilos. A transferência para humano, as transcrições e o histórico de conversas funcionam de forma idêntica.
Como ativar
Abra Personalizar no seu painel e escolha Barra Ask AI em Estilo do widget. Isso é tudo - seu snippet de incorporação e seus plugins existentes continuam funcionando, e o novo estilo aparece no próximo carregamento da página. Nenhuma alteração de código é necessária no seu site.
A barra está disponível nos planos Pro e Enterprise. Se o seu plano mudar mais tarde, seu site volta automaticamente para o balão clássico - nada quebra.
Texto do placeholder
Por padrão, a barra convida os visitantes com o texto Ask AI, traduzido automaticamente para o idioma de cada visitante. Você pode substituí-lo pelo seu próprio texto - por exemplo, Pergunte ao nosso especialista em viagens - na configuração Texto do placeholder da barra, que aparece quando o estilo de barra está selecionado.
Largura da barra
Dois controles deslizantes nas configurações do widget controlam a largura máxima da barra. O primeiro define a largura em telas grandes; o padrão é 640 pixels. O segundo, Largura da barra em celulares, vem desligado por padrão - os celulares usam então a largura total da tela, o que fica melhor em telas pequenas. Ligue-o para dar aos celulares uma largura fixa própria, limitada pelo tamanho da tela.
Mostrar a barra apenas em páginas específicas
Muitos sites querem a barra em páginas ricas em conteúdo, como documentação ou centrais de ajuda, e o balão clássico em todas as outras. Ative a opção Mostrar barra apenas em páginas específicas e liste as páginas, uma por linha ou separadas por vírgulas:
/pricing, /docs*, example.com/support
Os visitantes veem a barra nas páginas correspondentes e o balão em todas as outras. Um caminho como /pricing funciona sem o domínio e corresponde exatamente a essa página - barras finais não importam. Termine uma entrada com um asterisco para cobrir uma seção inteira: /docs* corresponde a /docs e a todas as páginas abaixo dele.
Controlando o estilo de forma programática
Desenvolvedores podem forçar um estilo por página diretamente no snippet de incorporação com o atributo data-asyntai-style. Ele aceita bar ou bubble e tem prioridade sobre a configuração do painel:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");s.setAttribute("data-asyntai-style","bar");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
Use bar nas páginas que devem mostrar a barra e bubble - ou simplesmente omita o atributo - em todas as outras. Isso é útil quando suas páginas são renderizadas a partir de templates diferentes e você prefere manter a decisão no código em vez do painel.
Bom Saber
- As conversas continuam entre os estilos - um visitante que conversou com o balão em uma página mantém a mesma conversa com a IA quando encontra a barra em outra.
- As configurações cuja única função é levar os visitantes a abrir o chat - posição, ícone do chat, acionamento automático, balão de saudação, campo de acionamento e selo de não lidas - não são usadas pela barra, já que ela está sempre visível. Elas mantêm seus valores para quando você voltar.
- A barra oferece suporte completo a entrada de voz, envio de imagens, cartões de produto, agendamentos, captura de e-mail e telefone, localização e idiomas da direita para a esquerda.
- Em celulares, a barra fica acima da borda inferior da tela e a conversa abre em tela cheia, com as conversas anteriores em um painel deslizante.