Adicione chat ao vivo ao seu site

O chat ao vivo é uma janela de bate-papo que fica no canto do seu site; os visitantes escrevem para você diretamente do seu site e as mensagens caem na sua caixa de entrada do CRM. Você só precisa adicionar uma única linha de código ao seu site para a instalação.

• Configurações de Live ChatCódigo de instalação, aparência e segurança
• Visão geralPassos da plataforma e instruções para o seu webmaster
• Caixa de EntradaResponder a conversas

Configuração

1. Copie o código — Configurações › Chat ao vivo Na página, abra a guia "Upload" e clique no botão "Copiar código" na guia "Código do widget".
2. Cole no seu site — Coloque o código em todas as páginas do seu site, logo antes da tag de fechamento </head>. Se o seu site usa um modelo comum ou arquivo de layout, você pode adicioná-lo uma vez.
3. Marque — Abra seu site; o iniciador de bate-papo (bolha) deve aparecer no canto.

Administradores Visão geral Você também pode instalar a partir da seção "Começar em alguns passos" na página: O botão "Configurar plataforma" mostra instruções passo a passo para WordPress, Shopify, Wix, Squarespace, Webflow, Google Tag Manager, Joomla e "Outros / HTML simples". "Enviar instruções ao seu webmaster" envia o código e os passos para o endereço de e-mail que introduzir; recebe as respostas de volta.

Se você quiser conversar sem criar um widget, você pode compartilhar o link da página de bate-papo diretamente clicando em "Copiar link" na guia "Página de bate-papo" na guia Widgets.

Aparência e Textos

Qualquer alteração que fizer na aba " Widget " aparecerá na visualização ao vivo à direita; pressione o botão " Salvar Alterações " quando terminar. Principais cartas:

• Tela inicial → Tela que aparece quando o widget é aberto: avatares, cartão do centro de ajuda, seção de solicitações.
• Mensagens → Textos de "Boas-vindas", "Boas-vinda, anónimo" (quando o nome do visitante é desconhecido) e "Entrada".
• Antecedentes e Links → A cor ou visual por trás da saudação; atalhos para serem listados na tela principal.
• Tela de chat → " Mensagem de boas-vindas " (primeira bolha no novo chat), espaço reservado para entrada, " Nenhum agente disponível " e " Cliente na fila " textos.
• Formulário pré-chat / formulário pós-chat → Campos a serem solicitados antes da primeira mensagem; classificação curta ou feedback a ser mostrado após o chat fechar.
• Telas → Quais guias aparecerão na navegação inferior e na tela padrão.
• Lançador → Ícone especial (JPG, PNG ou GIF menor que 100 KB), posição (esquerda ou direita) e espaços de margem.
• Estilo → Logotipo claro e escuro, & quot; Tema padrão do widget & quot; (Claro, Escuro ou Sistema).

Traduções para outros idiomas Localizações da página.

Quando ninguém está online

Se ninguém da sua equipe estiver online, o visitante verá "Nenhum representante disponível". O chat permanece aberto; quando você responde, se o visitante não estiver no chat, a resposta é enviada para ele por e-mail. Isso requer o endereço de e-mail do visitante, por isso é recomendável coletar e-mails com um "formulário pré-chat".

Nos " " Tempos limites " ". ", pode escolher o que acontece às conversações não respondidas. Cada regra é aberta com uma chave separada e a duração é inserida em minutos:

• Transferir para outro delegado (5 minutos após a abertura): se o agente não responder, o cliente é transferido para outro agente disponível; em grupos atribuídos manualmente, o chat é colocado em fila.
• Marcar conversa como inativa (10 minutos): os chats passivos não contam para o limite de chat simultâneo do representante.
• Fechar o chat (15 minutos): O cliente pode reabrir o mesmo chat escrevendo uma nova mensagem.

A "Limpeza de Visitantes" na mesma guia determina quantos dias os visitantes anônimos que nunca escreveram para você serão mantidos (padrão 30 dias).

Nomes de domínio confiáveis

No separador " Segurança ", introduza no campo " Nomes de domínio fidedignos " os domínios que o widget pode carregar, separados por vírgulas. Use o formato *.example.com para todos os nomes de subdomínio. Se o espaço estiver vazio, o widget pode ser adicionado a qualquer site. Não se esqueça de salvar a alteração com "Salvar alterações".

Autenticar visitante

Para combinar com segurança os usuários conectados ao seu site com os registros de clientes no seu CRM, você assina o endereço de e-mail do visitante com uma chave secreta em seu servidor (HMAC-SHA256).

1. Obter a chave secreta — na guia " Autenticação " da guia " Segurança ", seleccione " Mostrar Chave Secreta " e depois " Copiar Chave Secreta ' Mantenha a chave apenas no seu servidor.
2. Gerar a assinatura no servidor — Calcule HMAC-SHA256 para que sua chave seja sua chave secreta, o endereço de e-mail do visitante da mensagem e obtenha o resultado como texto hexadecimal (hex).
3. Adicionar à página — Insira o e-mail e a assinatura em window.BeChatSettings antes do código do widget.
4. Se você quiser exigi-lo — ative a tecla " Exigir autenticação " e pressione o botão " Salvar alterações ".

Node.js com assinatura:

const crypto = require('crypto');

const emailHash = crypto
  .createHmac('sha256', process.env.CANLI_SOHBET_GIZLI_ANAHTAR)
  .update(kullanici.email)
  .digest('hex');

Assinatura com PHP:

$emailHash = hash_hmac('sha256', $kullanici['email'], getenv('CANLI_SOHBET_GIZLI_ANAHTAR'));

Na página, antes do código do widget:

<script>
  window.BeChatSettings = {
    user: {
      email: "musteri@ornek.com",
      email_hash: "SUNUCUNUZDA_URETILEN_IMZA"
    }
  };
</script>
<!-- Ardından "Yükle" sekmesinden kopyaladığınız widget kodu -->

Se a assinatura for válida, o visitante é vinculado ao registro do cliente nesse e-mail (ou um novo é aberto) e seu e-mail é considerado verificado; a linha "E-mail verificado" no painel do cliente mostra "Sim". Outros campos que você adiciona ao mesmo objeto são gravados nele se houver um atributo de cliente definido com a mesma chave. Quando "Requerer autenticação" está ativado, os dados do usuário sem uma assinatura válida são ignorados e o visitante continua anonimamente.

Fonte do visitante

O painel do cliente à direita da entrevista mostra de onde o visitante veio:

• Fonte: Landing page, Referrer e UTM fonte, ferramenta, campanha, termo, valores de conteúdo. Estes são guardados uma vez na primeira visita; a navegação subsequente no site e as referências do seu próprio site não os alteram.
• Localização e idioma: Idioma do navegador e idioma do relógio. Se o idioma ou fuso horário estiver vazio no registro de pessoa, ele será preenchido pela visita; o valor inserido manualmente não será substituído.
• Dispositivo: Navegador, sistema operacional, dispositivo, endereço IP e país da sessão.

Artigos relacionados

• Campanhas de website
• Conheça o BLE AI
• Perfil do cliente
• Visão geral do canal