Yuzap
DocHub
  • Home
  • Sumário
  • Configurar Conta
    • Criando uma Conta Yuzap
    • Personalizando seu perfil
    • Configurando notificações
    • Atualizando suas configurações gerais
    • Adicionando Agentes
  • Chat ao Vivo no Site
    • Configurações do chat ao vivo para website explicadas
    • Como instalar o chat ao vivo usando o Google Tag Manager?
    • Como instalar o chat ao vivo em um website Docusaurus?
    • Como instalar o chat ao vivo em um website Webflow?
    • Como instalar o chat ao vivo em um website WordPress?
    • Como instalar o chat ao vivo em um website Gatsby?
  • Como instalar o chat ao vivo em um aplicativo React Native?
  • Outros Canais
    • Como configurar um canal do Facebook?
    • Como configurar um canal do Twitter?
    • Como configurar um canal do Instagram (via login do Facebook)?
    • Como configurar um canal do WhatsApp?
    • Como configurar um canal de SMS?
    • Como criar uma caixa de entrada de canal de API?
  • Funcionalidades explicadas
    • Como adicionar etiquetas?
    • Como usar Agent Bots?
  • Configurações Básicas
Fornecido por GitBook
Nesta página
  • Compatibilidade e requisitos
  • Como criar um canal de website no Yuzap?
  • Complete a configuração da caixa de entrada do website
  • Aba Configurações
  • Aba Colaboradores
  • Aba Horário Comercial
  • Aba Formulário Pré-Chat
  • Aba Configuração
  • Aba Construtor de Widget
  1. Chat ao Vivo no Site

Configurações do chat ao vivo para website explicadas

Última atualização em 14 de Nov, 2024

Este documento ajudará você a configurar completamente seu chat ao vivo no website. Ele explica como criar e usar as configurações adicionais para uma caixa de entrada de website desejada.

Compatibilidade e requisitos

O painel do Yuzap e o widget de chat ao vivo funcionam com a maioria dos navegadores modernos. Aqui estão as versões de navegador suportadas:

  • Mozilla Firefox: v52 em diante

  • Google Chrome: v57 em diante

  • Chromium: v57 em diante

  • Apple Safari: v14.1 em diante

  • Microsoft Edge: v16 em diante

Aqui estão as versões de SO móvel suportadas para o aplicativo móvel Yuzap:

  • Android: v5.0 em diante

  • iOS: v11.0 em diante

Como criar um canal de website no Yuzap?

Passo 1. Vá para a página Caixas de Entrada. Vá para Configurações → Caixas de Entrada → botão "Adicionar Caixa de Entrada".

Passo 2. Clique no ícone "Website".

Passo 3. Insira o nome do seu website, URL e outros detalhes conforme descrito abaixo.

Os campos disponíveis são explicados abaixo.

  1. Nome do Website: Insira o nome do seu website. Por exemplo, Example Inc.

  2. Domínio do Website: Insira a URL do seu website. Por exemplo, www.example.com.

  3. Cor do Widget: Clique na paleta e selecione uma cor para o seu widget de chat ao vivo do website.

  4. Título de Boas-vindas: Escreva uma mensagem de saudação para seus clientes. Por exemplo, Olá 👋

  5. Tagline de Boas-vindas: Por exemplo, Estamos aqui para ajudar com suas perguntas. Pergunte-nos qualquer coisa ou compartilhe seu feedback.

  6. Habilitar/desabilitar saudação do canal: Habilite para Enviar Mensagem de Saudação quando o cliente iniciar a conversa.

  7. Mensagem de saudação do canal: Dê uma saudação para iniciar a conversa. Por exemplo, Oi. Como podemos ajudar?

Após inserir todos os detalhes, clique no botão "Criar Caixa de Entrada".

Passo 4. "Adicionar agentes" à sua caixa de entrada do website.

As conversas serão roteadas para os agentes apenas se eles estiverem associados à caixa de entrada. Mesmo que você seja um Administrador, você precisa se adicionar como agente à Caixa de Entrada para ver a Caixa de Entrada na sua tela.

Selecione os Agentes no menu suspenso e clique em Adicionar agentes. Se os agentes não foram adicionados, siga os passos para adicionar agentes.

Passo 5. Viva! Você criou com sucesso uma caixa de entrada de website. Agora, adicione o widget ao seu website.

Copie e cole o snippet de código mostrado na página no seu website e comece a apoiar seus clientes. Você pode clicar no botão Copiar para copiar e depois colar no arquivo raiz (Nota: Link para instruções futuras) do seu website.

Se você clicar no botão "Mais configurações", será levado para as Configurações Adicionais da Caixa de Entrada. Se você clicar no botão "Leve-me lá", será levado para a Caixa de Entrada recém-criada.

Passo 6. Se você quiser atualizar os agentes com acesso à caixa de entrada, vá para Configurações → Caixas de Entrada. Você poderá ver sua caixa de entrada do website listada lá. Clique em Configurações. Você poderá ver o código, bem como a lista de agentes que têm acesso à caixa de entrada.

Complete a configuração da caixa de entrada do website

Você já tem uma caixa de entrada de website funcional. Vamos dar uma olhada nas configurações adicionais da Caixa de Entrada.

Na tela de Caixas de Entrada, clique no ícone de engrenagem para acessar a página de Configurações. Você verá a seguinte tela:

Aba Configurações

Role para baixo para ver mais configurações, onde você pode configurar as várias notificações que gostaria de receber quando sua caixa de entrada do website começar a funcionar.

Aqui estão alguns exemplos para seu entendimento:

Habilitar caixa de coleta de e-mail é habilitado por padrão. Isso significa que uma mensagem automática para coletar o ID de e-mail será exibida assim que o cliente iniciar uma conversa. O cliente/usuário final receberá um prompt para inserir um ID de e-mail.

Habilitar CSAT. Uma vez que você habilite isso, sua pesquisa de Satisfação do Cliente será lançada toda vez que um ticket for resolvido. Os resultados do CSAT podem ser visualizados posteriormente na seção Relatórios.

Clique no botão "Atualizar" para salvar as alterações que você fez.

Aba Colaboradores

Clique na aba "Colaboradores".

Aqui, você pode adicionar Agentes à Caixa de Entrada ou excluir Agentes já adicionados na Caixa de Entrada. Você também pode habilitar ou desabilitar a atribuição automática de novas conversas aos agentes adicionados a esta caixa de entrada.

Clique em "Atualizar" para salvar as alterações.

Aba Horário Comercial

Clique na aba "Horário Comercial". Nesta seção, você pode definir o horário de trabalho da sua equipe.

Marque a caixa de seleção Habilitar disponibilidade de horário comercial para esta caixa de entrada se você tiver horários comerciais bem definidos. Uma vez que a caixa é marcada, uma nova seção será aberta, como mostrado abaixo. Você pode escrever sua mensagem a ser exibida ao cliente durante o horário comercial OFF.

Você também pode selecionar o horário comercial disponível para cada dia da semana, juntamente com o fuso horário adequado.

Clique no botão Atualizar Configuração de Horário Comercial.

Aba Formulário Pré-Chat

Clique na aba "Formulário Pré-Chat".

Com isso, você pode coletar informações sobre seus clientes (Nota: Link para guia futuro sobre formulários pré-chat) assim que eles entrarem na janela/widget de chat ao vivo do seu website. Você pode usar isso para coletar nome, endereço de e-mail e mais antes de iniciar o chat.

Os campos vistos são explicados abaixo:

  1. Habilitar formulário pré-chat: Selecione Sim ou Não. Sim, se você quiser usar o formulário pré-chat. Não se você for mantê-lo desabilitado.

  2. Mensagem Pré-Chat: Escreva uma mensagem para iniciar uma conversa com o cliente. Por exemplo, Oi. Precisamos de algumas informações para atendê-lo melhor.

  3. Campos do formulário pré-chat: Marque os necessários. Imp: "Nome", "E-mail" e "Telefone" são os únicos atributos padrão para o formulário pré-chat. Os outros campos são criados através de atributos personalizados. Se você precisar de campos personalizados em seu formulário, crie-os como atributos personalizados primeiro.

Clique no botão "Atualizar". O Formulário Pré-Chat está habilitado agora.

Aba Configuração

Clique na aba "Configuração". Você pode encontrar o snippet de código a ser copiado para o website aqui.

Aba Construtor de Widget

Você pode personalizar seu widget web com configurações simples dadas nesta página. Você poderá ver suas alterações ao vivo.

AnteriorAdicionando AgentesPróximoComo instalar o chat ao vivo usando o Google Tag Manager?