Web V2

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

Crie seu widget Web

Para criar um canal web com o novo widget:

1. Navegue até a Canal página no 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 aba Canais.

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

Personalize seu widget Web

As duas primeiras abas Noções básicas e Aparência permitirão que você altere as configurações e a aparência do seu bot. Dessa forma, você pode garantir que a identidade visual do seu novo widget corresponda à que a sua empresa usa.

Noções básicas

Na 'Básico' página, você pode fazer uma série de alterações:

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

• Ativar entrada de texto vem 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 somente 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 upload de arquivos fará aparecer o clipe de papel à direita da caixa de entrada. Isso permitirá que seu cliente envie arquivos para o seu chatbot.

• Ativar notificações sonoras ativa alertas sonoros para as respostas de mensagem do seu bot.

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

Aparência

Na Aparência página, você pode fazer uma série de alterações:

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

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

• Launcher é a imagem exibida no botão de lançamento.

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

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

• Avatar do agente é a imagem exibida como avatar padrão do agente.

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

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

Limite de tamanho da variável

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

Pré-visualize seu widget Web

Para visualizar seu widget Web depois de personalizá-lo:

1. Clique em Salvar.

2. Pressione Pré-visualização.

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

Pré-visualize seu bot no CodePen.

Adicione seu widget Web ao seu site

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

Para incorporar o widget do seu site:

1. Clique no Instalação aba.

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

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

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

Instale seu widget Web na sua página web usando a aba 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 na 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, nos diga o que você acha do novo widget Web aqui.