Como criar um canal de site no Yuzap

Este guia explica como criar e configurar a Caixa de entrada (Website) e como usar as configurações adicionais do canal de site.

Objetivo: ao final, você terá o widget de chat instalado no seu site, agentes atribuídos e as opções (horário comercial, CSAT, pré-chat etc.) ajustadas.

Compatibilidade e requisitos

Navegadores (painel web e widget):

• Mozilla Firefox v52+

• Google Chrome v57+

• Chromium v57+

• Apple Safari v14.1+

• Microsoft Edge v16+

Aplicativo móvel Yuzap:

• Android v5.0+

• iOS v11.0+

---

Como criar um canal de Site no Yuzap

• Acesse: Configurações → Caixas de entrada → Adicionar caixa de entrada.

• Escolha o tipo: clique no ícone “Site”.

• Preencha os dados do site (detalhes abaixo).

• Adicione agentes à caixa de entrada do site.

• Instale o widget no seu site (copie/cole o trecho de código).

• Gerencie agentes e revise o código em Configurações → Caixas de entrada → Configurações da inbox criada.

As conversas só serão roteadas para agentes que estejam associados à caixa de entrada. Mesmo administradores precisam se adicionar como agentes.

Campos disponíveis (ao criar o canal)

• Nome do site Ex.: Example Inc.

• Domínio do site Ex.: www.example.com

• Cor do widget Selecione a cor na paleta para personalizar o widget.

• Título de boas-vindas Ex.: Olá 👋

• Slogan de boas-vindas Ex.: Estamos aqui para ajudar. Pergunte-nos qualquer coisa!

• Habilitar saudação do canal Ativa/desativa o envio automático de saudação quando o cliente inicia a conversa.

• Mensagem de saudação do canal Ex.: “Olá! Como podemos ajudar?”

Depois de preencher, clique em Criar caixa de entrada.

---

Adicionar agentes

• Em Colaboradores da caixa de entrada, selecione os Agentes no menu e clique em Adicionar agentes.

• Se ainda não existirem, crie os usuários/agentes e, então, atribua-os à inbox.

---

Passo 5 — Instalar o widget no site

• Na página da caixa de entrada, copie o trecho de código (script) e cole no arquivo raiz do seu site (próximo ao fechamento de </body>).

• Use o botão Copiar para facilitar.

Atalhos após criar a inbox:

• Mais configurações → leva às Configurações adicionais da caixa de entrada.

• Leve-me lá → abre a Caixa de entrada recém-criada.

---

Passo 6 — Revisar/atualizar agentes e código

• Vá em Configurações → Caixas de entrada, localize a inbox do site e clique em Configurações.

• Você verá o snippet do widget e a lista de agentes com acesso.

---

Configurações adicionais da Caixa de Entrada (Website)

Acesse Configurações → Caixas de entrada e clique no ícone de engrenagem da sua inbox.

Guia Configurações

• Notificações: role para escolher o que deseja receber quando a inbox estiver ativa.

• Coleta de e-mail (ativada por padrão): exibe um prompt pedindo e-mail quando o cliente inicia a conversa.

• CSAT (Pesquisa de Satisfação): ao habilitar, dispara a pesquisa quando um ticket é resolvido (resultados em Relatórios).

Clique em Atualizar para salvar.

---

Aba Agentes

• Adicionar ou remover agentes da inbox.

• Atribuição automática: ative/desative para distribuir novas conversas automaticamente entre os agentes desta caixa.

Clique em Update para salvar.

---

Guia Horário de Funcionamento

• Marque Enable business availability for this inbox se tiver horário definido.

• Configure:

  • Mensagem fora do horário (exibida ao cliente).

  • Dias/horários de atendimento e o fuso horário correto.

Finalize com Update Business Hour Setting.

---

Aba Formulário Pré-Chat

Coleta informações antes da conversa começar (no widget do site).

• Habilitar formulário de pré-chat: Sim/Não

• Mensagem pré-chat: ex.: Olá! Precisamos de algumas informações para atender você melhor.

• Campos do formulário: marque os necessários.

Campos padrão: Nome, E-mail, Telefone. Outros campos exigem criação de Atributos personalizados previamente.

Clique em Atualizar para salvar.

---

Guia Construtor de Widgets

• Personalize o widget com as opções disponíveis e visualize as alterações em tempo real (prévia).

---

Guia Configuração (script de instalação)

• Encontre aqui o trecho de código do widget para copiar e colar no seu site.

• Use o botão Copy para facilitar.

---

Pronto! Seu chat ao vivo está configurado. Faça um teste no site, envie uma mensagem e confirme se ela aparece na sua Lista de conversas no painel do Yuzap.