WiseParts
Comunicação

Chat Widget

Adicione um widget de chat ao seu próprio site para que os visitantes falem com a sua equipa.

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.

Visão Geral: Cole um pequeno trecho de código no seu site para adicionar uma bolha de chat. Os visitantes conversam em tempo real, os clientes identificados são reconhecidos automaticamente e qualquer mensagem que chegue fora de horas é registada e seguida por email.

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.

O widget destina-se aos visitantes do seu site, não à sua equipa interna. É um canal virado para o cliente, por isso trate-o como os seus outros canais de entrada.

Configurar o widget

Crie e configure o widget a partir das Definições de Conversas, na lista de canais.

  1. Abra as Definições de Conversas e escolha Adicionar Widget de Chat
  2. Dê um nome ao widget (por exemplo, "Chat do Site") para o reconhecer na caixa de entrada
  3. Opcionalmente, escolha um Canal de Email de Tickets — é a conta de email usada para seguir os visitantes que saem antes de responder
  4. Guarde para criar o widget e depois abra as suas definições para terminar a aparência e o comportamento
  5. Atribua agentes ao widget para que os chats em direto possam ser atendidos
Se não houver agentes atribuídos a um widget, os visitantes veem sempre a sua equipa como offline e as respostas em direto não podem ser entregues em tempo real. Atribua pelo menos um agente ao widget para que o chat em direto funcione.

Opções de configuração

Dentro das definições do widget pode ajustar o aspeto e o comportamento:

DefiniçãoO que controla
Mensagem de boas-vindasA saudação que os visitantes veem ao abrir o widget
Cor PrimáriaA cor de destaque da bolha de chat e do cabeçalho
PosiçãoCanto inferior direito ou inferior esquerdo da página
IdiomaFixe um idioma ou deixe que detete o do visitante automaticamente
MarcaLogótipo do cabeçalho, avatar, estilo da bolha, tipos de letra e gradiente
Canal de Email de TicketsDe onde saem os tickets dos visitantes e os seguimentos fora de horas
Personalizar RótulosReescreva os botões e mensagens que os visitantes veem
Mensagens ProativasAvisos em pop-up ativados por tempo na página, correspondência de URL ou scroll
Respostas RápidasBotões iniciais de um toque que enviam uma mensagem pré-escrita

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>
Copie o trecho exato das definições do seu widget — o seu identificador de workspace já vem preenchido em Código de incorporação. Para maior segurança, pode restringir quais os domínios autorizados a carregar o widget nas definições de Privacidade e segurança.

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.

A identidade verificada é assinada no servidor: a chave de assinatura fica apenas no seu servidor e nunca no código do seu site. Isto torna um cliente com sessão iniciada fidedigno e impossível de personificar. A chave é gerida nas definições de identidade do widget.

Controlar o widget

Pode abrir, fechar e reagir ao widget a partir do seu próprio site com comandos simples:

ComandoO 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
Dica: Use uma mensagem proativa em páginas de alta intenção (como preços ou finalização de compra) para oferecer ajuda exatamente quando os visitantes têm mais probabilidade de ter uma dúvida.

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
As respostas fora de horas só podem ser enviadas por email quando o widget tem um Canal de Email de Tickets definido e o visitante deixou um endereço de email. Torne o email obrigatório no formulário pré-chat para que possa contactar todos os visitantes.

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.

Saiba como responder, atribuir, etiquetar e resolver conversas a partir da sua caixa de entrada.

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
Nota: Um visitante pode pedir uma cópia dos seus próprios dados, e quaisquer tickets que tenha submetido são incluídos nessa exportação — ajudando-o a cumprir os pedidos de acesso a dados do RGPD.

Funcionalidades relacionadas

Conversas

Trate os chats do widget na sua caixa de entrada unificada.

Call Center

Gira chamadas de entrada a par dos seus chats.

Painéis

Acompanhe conversas do widget, tempos de resposta e visitantes.

Automações

Acione ações quando um chat do widget é etiquetado.