Como funciona

No Talk, é possível criar um canal Widget para atender clientes diretamente pelo site da empresa. Ele funciona como uma janela de conversa instalada no site, permitindo que o visitante envie mensagens sem sair da página. As mensagens recebidas por esse canal chegam dentro do Talk, junto aos demais canais da organização, para que a equipe possa responder, acompanhar e organizar os atendimentos pela plataforma. Neste tutorial, você verá como criar, configurar e instalar um canal Widget no site.

Criação e configuração do canal 

Para criar um canal Widget, acesse: Configurações → Canais de atendimento → Novo canal → Widget para sites → Criar canal. Após clicar em Criar, será aberta a tela de configuração do canal Widget, onde você poderá definir as informações principais do canal.

Configurações iniciais

Em seguida, você define as informações principais do canal e como ele será exibido no site.

Nome do Widget: Informe um nome para identificar o canal internamente no Umbler Talk.
Setor padrão: Selecione o setor que receberá os atendimentos iniciados pelo Widget.
Horário padrão: Selecione o horário de atendimento que será aplicado ao canal.
Website: Informe o endereço do site onde o Widget será instalado.
Mensagem inicial: Defina a primeira mensagem exibida ao visitante.
Inicializar aberto: Defina se o Widget abrirá automaticamente ao acessar o site.
Mostrar notificação para a primeira mensagem: Defina se será exibida uma notificação inicial para o visitante. Botões de ação: Configure botões para direcionar o visitante para fluxos específicos de atendimento. Cada botão pode executar um chatbot já criado, permitindo que o cliente escolha o assunto desejado logo no início da conversa. Exemplo:

Informações: executa o chatbot Fluxos de Umbler > Informações.
Suporte: executa o chatbot Fluxos de Umbler > Suporte.

Caso ainda não tenha um chatbot configurado, você pode criar um fluxo antes de vinculá-lo ao botão. Para isso, consulte o tutorial: Como criar e configurar chatbots no Talk.

Customização

Na próxima etapa, ajuste a aparência do Widget conforme a identidade visual desejada. Veja algumas das principais configurações:

Sugestões de ícones: Permite escolher um ícone sugerido para representar o Widget no site.
Nome: Define o nome exibido para identificar o Widget na personalização e na experiência do atendimento.
Templates: Permite ajustar modelos visuais e padrões de exibição do Widget.
Cores: Permite personalizar as cores principais do Widget, como fundo, texto, botões, destaques, mensagens e caixa de digitação.
Cabeçalho (Conversas): Permite personalizar a área superior da janela de conversa do Widget.
Mensagens: Permite ajustar a aparência das mensagens exibidas dentro do Widget.
Caixa de digitação: Permite personalizar o campo onde o visitante digita e envia suas mensagens.
Lista de conversas: Permite configurar a aparência da listagem de conversas exibida no Widget.
Tooltips: Permite personalizar dicas ou mensagens auxiliares exibidas na interface do Widget.
Tamanhos e posições: Permite definir o tamanho, posicionamento e comportamento visual do Widget no site.

Instalar o Widget no site

Por fim, copie o script gerado na etapa anterior, abra o código-fonte do seu site e adicione o script em qualquer lugar dentro das tags head ou body . Após salvar a alteração, acesse o site e valide se o Widget aparece corretamente na página.