🆕Web V2

O novo widget do Chatlayer com uma aparência mais moderna e desempenho otimizado para mobile. 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.

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. Assim você pode garantir que a identidade visual do seu novo widget corresponda à usada pela sua empresa.

Noções básicas

Na 'Básico' na página você pode fazer várias alterações:

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

  • Habilitar 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.

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

  • Habilitar 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 seu chatbot.

  • Habilitar 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 na página você pode fazer várias 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 de ação.

  • Lançador é a imagem a ser exibida no botão do 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 mostrar como o 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.

Visualize seu widget Web

Para visualizar seu widget Web após estilizar:

  1. Clique Salvar.

  2. Pressione Visualização.

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 ao seu site.

Para incorporar seu widget no site:

  1. Clique em Instalação guia.

  2. Você verá um script HTML embaixo de Incorporar seu widget. Copie e cole este script na seção head 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.

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 (query) à 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.


💬 Dar feedback

Last updated

Was this helpful?