Web V2

O novo widget do Chatlayer com uma aparência mais moderna e desempenho mobile otimizado. Abaixo você pode descobrir tudo sobre ele!

Crie seu widget Web

Para criar um canal web com o novo widget:

1. Navegue até o Canal na página do seu bot.

2. Pressione o Adicionar canal botão no canto superior direito.

3. Procure por 'Web'.

4. Selecione Web.

5. Clique em Próximo.

Crie seu widget Web na guia Canais.

Certifique-se de que seu widget seja criado na versão correta do seu bot, seja RASCUNHO ou AO VIVO.

Personalize seu widget Web

As duas primeiras guias Noções básicas e Aparência permitem que você altere as configurações e a aparência do seu bot. Assim você pode garantir que a identidade visual do seu novo widget corresponda à utilizada pela sua empresa.

Noções básicas

Na 'Noções básicas' página você pode fazer várias alterações:

• O Título e Subtítulo do widget aparecerá no topo do widget. Certifique-se de deixá-los vazios se não quiser que nenhum título apareça.

• Ativar entrada de texto está ativado por padrão e permitirá que seu cliente digite texto para o seu bot. Certifique-se de desativar isso se quiser que seu bot seja usado apenas como um bot de cliques.

• Ativar entrada de áudio permite que o usuário envie trechos de voz para o bot usando o botão de gravação no canto inferior direito do widget.

• Ativar envio de arquivos fará com que o clipe de papel à direita da caixa de entrada apareça. Isso permitirá que seu cliente envie arquivos para o seu chatbot.

• Ativar notificações sonoras ativa alertas audíveis para as respostas de mensagens do seu bot.

Defina as configurações básicas do seu widget Web.

Aparência

Na Aparência página você pode fazer várias alterações:

• Altere a posição do seu widget para Canto inferior direito ou Canto inferior esquerdo.

• Personalize sua Cor da marca, Cor da conversa e Cor da ação.

• Botão de abertura é a imagem a ser exibida no botão lançador.

• Logo do cabeçalho é a imagem exibida no cabeçalho.

• Avatar do bot é a imagem padrão para o avatar do bot.

• Avatar do agente é para exibir como o avatar padrão do agente.

Altere o estilo do seu widget Web na guia Aparência.

Certifique-se de clicar em Salvar após alterar a aparência do seu bot.

Limite de tamanho de variáveis

O widget WebV2 tem limitação de tamanho de 65536 bytes (= 64 KiB), portanto o tamanho total de todas as variáveis não pode exceder esse limite rígido. Excedê-lo fará com que mensagens não apareçam no emulador (recurso Testar seu bot, que é baseado no WebV2) e no seu canal web.

Visualize seu widget Web

Para visualizar seu widget Web após estilizar:

1. Clique Salvar.

2. Pressione Visualizar.

Seu bot será aberto em uma página do CodePen onde você pode testá-lo.

Visualize seu bot no CodePen.

Adicione seu widget Web ao seu site

Depois de configurar seu widget você pode começar a incorporá-lo em seu site.

Para incorporar seu widget no site:

1. Clique na Instalação guia.

2. Você verá um script HTML em Incorpore seu widget. Copie e cole este script na seção head de cada página HTML do seu site onde você deseja que ele apareça.

3. Além disso, coloque os trechos fornecidos ao final da seção body em cada página HTML do seu site.

Certifique-se de que o 1º e 2º trechos sejam colados em sua página.

Instale seu widget Web na sua página web usando a guia Instalações.

Definir para um idioma específico

Para definir o idioma em um iframe, adicione o idioma desejado como um parâmetro de consulta à URL do iframe. Isso permite forçar seu widget a ser exibido nesse idioma específico.

Por exemplo:

https://webchat.chatlayer.ai/embedded/botId:channelId?language=en

Observe que você também pode alterar o idioma do bot usando o HTML.

---

💬 Dê feedback

Por favor, diga-nos o que você acha do novo widget Web aqui.