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 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.

Atualizado