Help Center
SuporteLanguage
  • Help Center 🚀
  • Introdução
  • Cadastro
  • Definições
  • BOT BUILDER
    • Criar o Bot
      • Importar bot
      • Criando meu primeiro BOT
      • Configurações do Bot
        • Geral
        • Controle de Versão
        • Compartilhamento
        • Comportamento
    • Fluxo da Conversa
      • Importador de Q&A
      • Mensagem
        • Encerrar Atendimento
        • Tipos de formatação de Texto
        • O que é uma mensagem template ?
      • Filtro
      • Etapa Existente
      • Rest API
        • Exemplo de utilização da etapa Rest API
      • Javascript
        • Manipulação de Objetos
      • E-mail
      • Controle Humano
      • Webview
      • Encaminha a outro bot
      • Testar Bot
      • Ação de Tempo
    • NLP
      • Intenção
      • Entidade
      • Treinamento
      • Como utilizar o DialogFlow?
    • Canais
      • Microsoft Teams
      • Whatsapp
        • Como utilizar um Número de teste da Cosmobots
        • Como posso adquirir o selo de verificação para o meu WhatsApp?
        • Cadastrar templates na plataforma
        • Adicionando botões ao canal whatsapp
        • Provedores
          • Twilio
            • Como comprar e configurar um número na Twilio?
            • Inserir webhook em número Twilio
          • Dialog 360
            • Aprovar templates
      • Instagram
        • Como filtrar menções do Instagram
      • Google Assistant
      • Facebook
        • Como verificar minha empresa no Facebook Business?
        • Não consigo clicar no botão de verificar conta. O que fazer?
      • Workplace
      • Chat Widget
        • Landing
        • Publicando Widget
        • Webhook
    • Broadcast
    • Dados
      • Conversas
      • Campos
      • Objetos
      • Como acessar e exportar os Dados coletados pelo Bot?
      • Layouts
        • Cosmo Desk
        • Pesquisa
    • Dashboard
      • Performance dos Atendentes
      • Indicadores
    • Explorer
      • Códigos
      • Alterações
    • Integrações
      • Pipefy
        • Acessando campos retornados em webhook
      • RD Station
      • Analíticos
  • COSMO DESK
    • Live Chat
      • Download Livechat
      • 🔔Receber notificações em Live Chat
    • Configurações
      • 🔄Filas de Atendimento
      • 🤖Regras de atendimento
      • 🕐SLA
      • 💬Mensagem Rápidas
      • 📑Tags
      • 💨Status de Ausente
  • CONFIGURAÇÕES
    • Perfil
    • Cadastrar Usuários
    • Consumo
    • Feriados
  • API
    • V1 - Records
    • V1 - Index
    • V1 - Send Message
    • V1 - Broadcast Messages
  • Available Languages
  • Outros
    • Saber Mais
      • Utilizando Hyperlink no canal Widget
      • Formatação em negrito e itálico para canais Widget e Whatsapp
      • Erro 403
      • Pesquisa NPS
      • Gerar URL de arquivos
      • Enviar o usuário para um fluxo específico caso ele responda 2 ou mais vezes errado.
      • 🍪Ativar ou Desativar Cookies
      • 🧹Limpeza de Cache
      • 🆗Validar idade
      • 🆗Validar e-mail
      • 🆗Validar CPF
      • 🆗Dialog - Validar mensagens do tipo imagem em Filtro.
      • 🆗Validar CNPJ
      • 🆗Validar arquivos
      • Como visualizar Logs de Atendimento
      • Pular Etapa de Cadastro
    • Exemplos de Códigos JavaScript
      • Envio de Imagens/Anexos/Vídeos/Áudios
      • Adicionar TAGS pelo fluxo
      • Limpar TAGS pelo fluxo
      • Parar o bot por x tempo
      • Validar data digitada pelo usuário
      • Converter arquivos em B64
      • Validador de resposta a templates
      • Validar menção no Instagram
  • FAQ
    • Criar modelos de mensagem para sua conta do WhatsApp Business
    • Como excluir uma mensagem do WhatsApp enviada usando a API?
    • Regra 24 horas do WhatsApp
Powered by GitBook
On this page
  • Cabeçalho
  • Imagens & Backgrounds
  • Bolha do Chat
  • Botão de Popup
  • Tipos Especiais de Mensagem
  • Campos do Formulário de Primeiro Contato
  • Avançado
  • Código do Widget

Was this helpful?

  1. BOT BUILDER
  2. Canais

Chat Widget

Olá Cosmonauta! Aqui vamos falar sobre o chat do seu bot

PreviousWorkplaceNextLanding

Last updated 4 years ago

Was this helpful?

Chat Widget é onde você ajusta todas as configurações referentes à aparência do seu bot.

Vou te mostrar o passo a passo de como realizar essas edições.

1- Dentro do bot que quer formatar a aparência, clique em Canais:

2- Clique em Chat Widget

Aqui você verá algumas opções, vou te explicar para que serve cada uma delas.

Vamos lá!

Cabeçalho

Aqui você pode dar um Titulo, Subtitulo e Nome ao seu bot:

Imagens & Backgrounds

Aqui você pode alterar o Logo, Avatar, cores e tipos de Backgrounds e fonte:

Bolha do Chat

Aqui você consegue realizar alterações na aparência dos balões de conversa do bot e usuário:

Botão de Popup

Aqui você terá as configurações referentes ao botão de pop up, sendo elas

  • Mudar o formato do botão de Circulo para Barra

  • Alterar o preenchimento de cor para imagem ou para texto:

  • Cor de Background e Botão:

Exemplo de botão personalizado:

Tipos Especiais de Mensagem

Aqui você configura o seu chat para aceitar anexos(imagens, vídeos e etc) e áudios:

Campos do Formulário de Primeiro Contato

Aqui você pode configurar um formulário para que o usuário preencha antes de iniciar a conversa com o bot.

Caso queira desabilitar esse formulário, clique em Desabilitar essa seção:

Para adicionar mais campos ao formulário, clique em + Campo, e selecione o campo que deseja adicionar:

Avançado

Caso queira personalizar a aparência, aqui você pode incluir o seu próprio HTML:

OBS: Toda vez que realizar uma alteração na aparência do seu bot, será necessário clicar em salvar e publicar a div novamente.

Código do Widget

Aqui é onde você insere o seu Chat no site, veja as instruções no próximo tutorial.

Imagens & Backgrounds
Bolha do Chat
Botão de Popup
Tipos Especiais de Mensagem