Chat Widget
Adicione um widget de chat ao seu próprio site e permita que os visitantes iniciem uma conversa com a sua equipa com um clique. Cada chat chega à sua caixa de entrada de Conversas como um canal próprio, ao lado do Email e do WhatsApp, para que os seus agentes trabalhem a partir de um único lugar.
O que é o chat widget
O chat widget é uma pequena bolha de chat que fica ao canto do seu site. Quando um visitante clica nela, pode enviar uma mensagem e obter respostas da sua equipa em tempo real.
Nos bastidores, cada chat do widget torna-se uma conversa na sua caixa de entrada. Responde, atribui, etiqueta e resolve os chats do widget exatamente como o Email e o WhatsApp — a única diferença é a origem da mensagem.
Configurar o widget
Crie e configure o widget a partir de Configurações > Canais de conversas.
- Abra Configurações > Canais de conversas, clique em Adicionar canal e escolha Widget
- Dê um nome ao widget (por exemplo, "Chat do Site") para o reconhecer na caixa de entrada
- Opcionalmente, escolha um Canal de Email de Tickets — é a conta de email usada para seguir os visitantes que saem antes de responder
- Guarde para criar o widget e depois abra as suas definições para terminar a aparência e o comportamento
- Atribua agentes ao widget para que os chats em direto possam ser atendidos
Opções de configuração
Dentro das definições do widget, as opções estão agrupadas em secções listadas à esquerda, cada uma com um breve resumo do que está definido. Uma pré-visualização em direto à direita atualiza-se enquanto edita, para ver o resultado antes de guardar.
| Secção | Definição | O que controla |
|---|---|---|
| Aparência | Cor Primária | A cor de destaque da bolha de chat e do cabeçalho |
| Aparência | Posição | Canto inferior direito ou inferior esquerdo da página |
| Aparência | Idioma predefinido | O idioma mostrado aos visitantes cujo idioma não adicionou |
| Aparência | Marca | Logótipo do cabeçalho, avatar, estilo da bolha, tipos de letra e gradiente |
| Mensagens | Mensagem de boas-vindas | A saudação que os visitantes veem ao abrir o widget |
| Mensagens | Mensagens Proativas | Avisos em pop-up ativados por tempo na página, correspondência de URL ou scroll |
| Mensagens | Respostas Rápidas | Botões iniciais de um toque que enviam uma mensagem pré-escrita |
| Mensagens | Personalizar Rótulos | Reescreva os botões e mensagens que os visitantes veem |
| Comportamento | Canal de Email de Tickets | De onde saem os tickets dos visitantes e os seguimentos fora de horas |
| Comportamento | Ativar o formulário de pré-chat | Peça dados ao visitante antes de o chat começar |
| Comportamento | Verificação de identidade | Confie nos clientes com sessão iniciada identificados pelo seu site |
| Privacidade e segurança | Origens permitidas | Que domínios podem carregar o widget |
| Privacidade e segurança | Exigir consentimento antes do chat | Os visitantes aceitam a sua política de privacidade antes de conversar |
| Instalar | Código de integração | O trecho a colar no seu site |
Idiomas do widget
Ofereça o conteúdo do widget em mais do que um idioma. Os visitantes veem o widget no idioma do navegador quando o adicionou e, caso contrário, no Idioma predefinido.
- Em Aparência, defina o Idioma predefinido
- Na barra Idioma do conteúdo, acima das secções, clique em Adicionar idioma para cada idioma que quer oferecer
- Selecione um idioma na barra para escrever a mensagem de boas-vindas, a etiqueta de IA, as mensagens proativas, as respostas rápidas e os rótulos nesse idioma
Todas as outras definições, como cores, posição e acionadores de mensagens, são partilhadas por todos os idiomas. Qualquer texto que deixe em branco num idioma usa o do idioma predefinido.
Se ativo, clique em Traduzir com o Henry para que o Henry traduza o conteúdo do idioma predefinido para os idiomas que escolher. Os campos que editou manualmente são mantidos. Os campos traduzidos ficam marcados como Traduzido automaticamente ou Editado e, quando altera o texto do idioma predefinido, as respetivas traduções ficam marcadas como Desatualizado — clique em Retraduzir apenas estes para atualizar só esses.
Adicionar o widget ao seu site
Para que o widget apareça, cole um pequeno trecho no HTML do seu site, mesmo antes da etiqueta de fecho </body>. Carrega sem atrasar a sua página.
<script>
(function (w, d) {
w.WisePartsWidget =
w.WisePartsWidget ||
function () {
(w.WisePartsWidget.q = w.WisePartsWidget.q || []).push(arguments);
};
var s = d.createElement("script");
s.async = 1;
s.src = "https://your-wiseparts-domain/widget/loader.js";
s.dataset.workspaceId = "YOUR_WORKSPACE_ID";
d.head.appendChild(s);
})(window, document);
</script>
Identificar os seus visitantes
Por predefinição, os visitantes são anónimos — aparecem na sua caixa de entrada com um identificador curto e amigável. Se já souber quem é o visitante (por exemplo, um cliente com sessão iniciada no seu site), pode indicar ao widget quem ele é, para que o nome e o email surjam na conversa.
Adicione uma chamada identify após o trecho, usando os dados que tiver:
<script>
WisePartsWidget("identify", {
external_id: "12345",
name: "Jane Smith",
email: "[email protected]",
});
</script>
Agora a conversa na sua caixa de entrada é identificada com o nome do visitante em vez de um identificador anónimo, dando contexto aos seus agentes antes de responderem.
Identidade verificada do visitante
Num navegador, qualquer pessoa pode dizer que é outra, por isso, para clientes com sessão iniciada, pode ativar a identidade verificada. O servidor do seu site produz uma identidade assinada e à prova de adulteração para o visitante, e o WiseParts verifica-a antes de confiar no nome e no email.
Controlar o widget
Pode abrir, fechar e reagir ao widget a partir do seu próprio site com comandos simples:
| Comando | O que faz |
|---|---|
WisePartsWidget('open') | Abre a janela de chat |
WisePartsWidget('close') | Fecha a janela de chat |
WisePartsWidget('toggle') | Abre ou fecha |
WisePartsWidget('show') | Mostra a bolha de chat |
WisePartsWidget('hide') | Oculta a bolha de chat |
WisePartsWidget('on', ...) | Executa o seu próprio código quando há eventos |
Por exemplo, pode ligar o seu próprio botão "Fale connosco" para chamar WisePartsWidget('open').
A experiência do visitante
Quando um visitante abre o widget, vê a sua mensagem de boas-vindas e pode começar a escrever de imediato. O estado em direto da sua equipa é mostrado no topo, para que os visitantes saibam se devem esperar uma resposta imediata ou um seguimento mais tarde.
Consentimento e formulário pré-chat
Pode pedir aos visitantes que aceitem a sua política de privacidade antes de conversar e recolher alguns dados à partida:
- Barreira de consentimento — os visitantes aceitam a sua política de privacidade (com uma ligação para ela) antes de começar
- Formulário pré-chat — peça nome, email, telefone ou empresa e marque qualquer um deles como obrigatório
Recolher um email à partida significa que pode sempre fazer o seguimento, mesmo que o visitante saia a meio da conversa.
Mensagens proativas e respostas rápidas
Dê um empurrãozinho ou um avanço aos visitantes:
- Mensagens proativas aparecem como um pequeno pop-up após um certo tempo numa página, em páginas que correspondem a um URL ou quando o visitante faz scroll suficiente
- Respostas rápidas são botões de um toque que enviam uma mensagem pré-escrita, para que as perguntas comuns comecem com um único clique
Quando a sua equipa está offline
O widget sabe quando a sua equipa está disponível. Quando todos estão offline, adapta-se para que nenhuma mensagem se perca:
- Pede o email ao visitante mais cedo, para que tenha forma de o contactar
- Pode enviar uma resposta automática de "estamos ausentes" que define expectativas
- Se o visitante sair antes de responder, a sua resposta é enviada por email e a conversa simplesmente continua por email
Gerir conversas do widget
Os chats do widget comportam-se como qualquer outra conversa na sua caixa de entrada. Pode atribuí-los, etiquetá-los, adiá-los, adicionar notas privadas e resolvê-los — e as regras de atribuição automática aplicam-se tal como no Email e no WhatsApp.
Os visitantes também podem submeter um ticket através do widget quando a sua equipa está ausente. Os tickets chegam à caixa de entrada e são respondidos por email.
Antes de o ticket ser criado, o visitante confirma o seu endereço de email: depois de preencher o formulário e clicar em Continuar, recebe por email um código de 6 dígitos e introduz-o para submeter. O código expira ao fim de alguns minutos e o visitante pode pedir um novo com Reenviar código. Assim, endereços falsos ou mal escritos não chegam à sua caixa de entrada e todos os tickets podem ser respondidos.
Privacidade e segurança
O widget foi concebido para o proteger a si e aos seus visitantes:
- Consentimento — exija que os visitantes aceitem a sua política de privacidade antes de conversar e respeite o sinal "Do Not Track" do navegador
- Identidade verificada — confie em clientes com sessão iniciada sem risco de personificação
- Proteção contra abusos — as submissões de tickets têm limite de frequência com uma mensagem simpática de "tente novamente em breve", e pode surgir uma verificação rápida de humano se a atividade parecer suspeita