Como modificar o conteúdo do widget (widget content)

As instruções abaixo são apenas para computadores de mesa e laptops.
Você pode alterar facilmente o conteúdo do seu widget diretamente no Painel de controle do tawk.to. Neste guia, mostraremos como alterar o idioma, editar os cartões de cabeçalho e de corpo em cada estado (Online, Away e Offline) e gerenciar o formulário de pré-chat do seu widget de chat.
Abrir o editor de Conteúdo do Widget (Widget Content)
1. Faça login na sua conta do tawk.to.

2. Selecione a propriedade correta.

3. Clique em Administração na barra de navegação à esquerda.

4. Clique em Ferramenta do chat no submenu à esquerda.

5. Role para baixo até Conteúdo da página do widget (Widget Content) e clique em Editar conteúdo (Edit Content).

6. Na página de Conteúdo do widget, suas configurações aparecem à esquerda e uma visualização ao vivo do seu widget aparece à direita. Aqui, você pode:

- Alterar o idioma do widget
- Habilitar ou desabilitar recursos como Chat ao vivo, Base de Conhecimento e Vídeo + Voz + Compartilhamento de tela
- Personalizar os estados Online, Away e Offline, assim como o formulário de pré-chat

Suas alterações entram em vigor imediatamente — não é necessário atualizar o Código do widget no seu site.

7. Quando terminar de personalizar o widget, pressione Esc ou clique no ícone de fechar no canto superior direito para sair do editor de conteúdo. Você retornará à página de configurações da Ferramenta do chat.

Alterar o idioma do widget

Clique no menu suspenso Idioma (Language) e escolha um idioma para o menu, rótulos, botões e formulários do widget. Saiba mais sobre como alterar o idioma do seu widget neste guia: Alterando o idioma do seu widget

Habilitar ou desabilitar canais e complementos
Use os botões de alternância para habilitar ou desabilitar os canais e complementos do seu widget:

- Chat ao vivo (Live Chat)
- Base de Conhecimento (Knowledge Base)
- Vídeo + Voz + Compartilhamento de tela (Video + Voice + Screensharing)
- Calendário (Calendar)
(em breve)
Personalizar os estados do widget: Online, Away e Offline


Você pode personalizar o conteúdo do widget para cada estado:

  • Online: Os visitantes podem iniciar um chat ao vivo
  • Ausente (Away): Indica que os agentes podem não estar disponíveis imediatamente
  • Offline: Exibe um formulário para que os visitantes deixem uma mensagem e seus dados de contato
    Editar cartões de cabeçalho e corpo
    O widget de chat é construído usando cartões — seções modulares que organizam o que os visitantes veem no widget:


    • Os cartões de cabeçalho aparecem na parte superior do widget e geralmente incluem seu logotipo, título ou detalhes do agente.


    • Os cartões de corpo aparecem abaixo do cabeçalho e contêm o conteúdo principal, como opções de chat, pesquisa na Base de Conhecimento ou texto personalizado.
    Veja como personalizar seus cartões:

    • Para adicionar um cartão, clique em + Adicionar e escolha o tipo de cartão desejado.


    • Para editar um cartão, clique no ícone de lápis ao lado dele. Clique em Atualizar para salvar suas alterações.


    • Para mostrar ou ocultar um cartão, ative ou desative o botão ao lado do nome do cartão.

    • Para mover um cartão para cima ou para baixo, clique no ícone de mover ao lado do nome do cartão e arraste-o para a posição desejada.

    Aqui estão os tipos de cartões que você pode adicionar ao cabeçalho e ao corpo:

    CartãoCabeçalhoCorpo
    AgentesSim-
    LogotipoSimSim
    TítuloSimSim
    Área de TextoSimSim
    ChatNãoSim
    ImagemSimSim
    VídeoSimSim
    Pesquisa na Base de ConhecimentoSimSim
    Lista de Artigos da Base-Sim
    Artigo em Destaque da Base
    -Sim
    Histórico de Chat-Sim
    Por padrão, os cartões de cabeçalho e de corpo contêm Título, Área de texto, Pesquisa da Base de Conhecimento, Chat e Conversas anteriores.

    Consulte este guia para saber mais sobre como editar os cartões de cabeçalho e de corpo: Personalizando o cabeçalho e os cartões do corpo do widget


    Exemplos:


    Em Cartões de cabeçalho, você pode definir o alinhamento e editar o conteúdo do Título e da Área de texto.

    Em Cartões de corpo, você pode habilitar ou desabilitar a Pesquisa da Base de Conhecimento, o Chat e as Conversas anteriores.

    O formulário de pré-chat
    O formulário de pré-chat ajuda você a coletar informações dos visitantes antes do início do chat. Você pode solicitar nome, e-mail ou outras informações personalizadas para ajudar sua equipe a se preparar antes de responder. Para saber mais, consulte este guia: Usando o Formulário Pré-Atendimento
    Para habilitar ou personalizar o formulário:

    1. Clique na aba Pre-Chat (Pré-chat) em Estado do Widget (Estado do Widget)

    2. Clique em Habilitar pré-chat (Enable Pre-Chat).

    3. Clique em + Adicionar (+ Add) em Cartões de cabeçalho (Header Cards) para adicionar Título, Logotipo ou outros cartões.

    4. Clique em + Adicionar (+ Add) em Cartões de corpo (Body Cards) e selecione Formulário (Form). Um formulário padrão com os campos Nome e E-mail será exibido.

    5. Clique no ícone de estrela ao lado de qualquer campo para torná-lo obrigatório.

    6. Clique em + Adicionar (+ Add Field) campo para incluir outras perguntas, como uma resposta de texto curto ou um menu suspenso.


    7. Visualize o formulário à direita e clique em Atualizar (Update) para salvar suas alterações.
    Considerações adicionais
    • Personalização por propriedade
      Se você gerencia várias propriedades ou sites multilíngues, lembre-se de personalizar o conteúdo do widget separadamente para cada propriedade e idioma.

    • Impacto do formulário de pré-chat
      Exigir que os visitantes preencham um formulário antes de iniciar o chat pode reduzir o volume de conversas. Mantenha o formulário curto e solicite apenas informações essenciais.

    • Boas práticas
      Mantenha as mensagens curtas e fáceis de ler. Use títulos claros e áreas de texto curtas para que os visitantes encontrem rapidamente o que precisam.

    • Testes
      Sempre visualize o widget em cada estado (Online, Away, Offline) e verifique como ele aparece em dispositivos desktop e móveis.
    Guias relacionados

    Se você tiver sugestões sobre este artigo ou precisar de mais ajuda:


    Este artigo foi útil?

    479 de 594 gostaram deste artigo