WebChat no Opa! Suite
Introdução
O WebChat é um canal de comunicação integrado ao Opa! Suite que permite aos clientes entrarem em contato através de uma janela de chat disponibilizada no site da empresa. Os atendimentos são realizados diretamente pela plataforma Opa! Suite.
Pré-requisitos para integração
Para iniciar a implantação do WebChat, são necessários: ☐ Uma conta Google (preferencialmente em nome da empresa ou responsável) ☐ Uma conta Facebook (preferencialmente em nome da empresa ou responsável).
Dica
Recomenda-se usar a mesma conta caso já utilize outros canais como WhatsApp API ou Messenger.
Acesso ao formulário
Acesso ao formulário
Caminho: Menu (Opa! Store → WebChat → Instalar)
Configurando e Ativação
Para iniciarmos a configuração, preencha os dados iniciais:
- Nome: Nome para identificação do canal;
- Agente virtual: Selecione dentre os agentes virtuais criados o responsável pelo canal.
Ao fazer isso, será gerado um script que precisa ser adicionado ao seu site.
Copie o código gerado e solicite ao desenvolvedor que o insira no cabeçalho (Header) do website.
Após copiado o código gerado, selecione Copiar e fechar.
Ao salvar, você será direcionado para os ajustes do WebChat criado.
Dados de cadastro
No campo de Dados de cadastro, terá o nome do canal, status e agente virtual vinculado. Para editar, você pode selecionar Editar informações.
Formatos de Login
| Campo | Descrição | Ação | Configuração | Observações e recomendações |
|---|---|---|---|---|
| Permitir acesso sem login | Permite que o cliente inicie um atendimento sem precisar se autenticar ou informar dados pessoais. | Ative ou mantenha desativado | Não requer integração com conexões de terceiros. | Ideal para canais de acesso público, como páginas institucionais ou formulários rápidos. |
| Permitir login com Google | Exige autenticação via conta Google para iniciar o atendimento. | Ative ou mantenha desativado | Será necessário configurar as credenciais de OAuth no console do Google Cloud. | Recomendado quando o público utiliza e-mails corporativos Google. Melhora a segurança e rastreabilidade do atendimento. |
| Permitir login com Facebook | Exige autenticação via conta Facebook para iniciar o atendimento. | Ative ou mantenha desativado | Será necessário criar um aplicativo no Meta for Developers e vincular as chaves de autenticação. | Útil em canais voltados a redes sociais ou públicos mais ativos no Facebook. Pode aumentar a taxa de login quando o acesso é via mobile. |
Preferências
| Campo | Descrição | Exemplo |
|---|---|---|
| Prioridade dos atendimentos na fila | Define a prioridade do canal no roteamento de atendimentos. Canais com prioridade mais alta terão seus atendimentos apresentados ou direcionados antes dos de prioridade mais baixa. Pode ser baixíssima, baixa, média, alta ou altíssima. | Exemplo: defina Baixa para o canal Telegram e Alta para o canal WebChat, garantindo que as mensagens do WebChat sejam atendidas primeiro. |
| Exibir nome do atendente no cabeçalho das mensagens | Determina se o nome do atendente será exibido no topo da conversa para o cliente. Selecione entre ativo (mostrar) ou inativo (ocultar). | Exemplo: Ativo: o cliente verá “João Silva”. |
| Verificar se contato é humano | Quando ativo, o sistema tenta identificar se a interação está sendo feita por uma pessoa ou por um bot, ajustando o fluxo de atendimento conforme necessário. | Exemplo: Ativo: evita que bots externos iniciem atendimentos desnecessários. |
| Avisar posição na fila | Se ativo, envia automaticamente ao cliente uma mensagem informando sua posição na fila de espera. É possível configurar o texto da mensagem e o intervalo de repetição do aviso. | Exemplo: Mensagem: “Você está na posição {{posicao}} da fila. Aguarde um momento.”Repetição: a cada 3 minutos. |
Gerando os Tokens de autenticação
Token Google OAuth
Para gerar o Token Google OAuth, siga as etapas abaixo:
-
Acesse o Google Cloud Console.
Se ainda não estiver logado, entre com sua conta Google. -
Crie um novo projeto.
Após a criação, clique em Selecionar projeto, no canto superior direito da página. -
No menu lateral, acesse APIs e serviços ➜ Tela de permissão OAuth.
Configure as informações do aplicativo conforme descrito abaixo:-
Nome do App: nome de identificação do aplicativo.
-
E-mail para suporte do usuário: e-mail vinculado à conta Google.
-
Página inicial do aplicativo: URL completa do seu Opa! Suite, incluindo /atendente no final.
-
Link da política de privacidade: URL da política de privacidade da sua empresa.
-
Domínios autorizados: domínio principal do seu site.
-
Dados de contato do desenvolvedor: e-mail da empresa ou do responsável técnico.
-
Atenção
Se precisar de ajuda para criar ou localizar sua política de privacidade, entre em contato com nosso suporte.
-
Após preencher todas as informações, clique em Salvar e continuar até o fim das etapas, e depois selecione Voltar para o painel.
-
No menu lateral, acesse APIs e serviços ➜ Credenciais.
-
Clique em + Criar credenciais ➜ ID do cliente OAuth.
-
Preencha os seguintes campos:
-
Tipo de aplicativo: selecione Aplicativo da Web.
-
Nome: insira um nome de identificação.
-
Origens JavaScript autorizadas: adicione o link do seu site (sem barra final).
-
URLs de redirecionamento autorizados: insira o link completo do Opa! Suite (também sem a barra final).
-
Dica
Caso precise adicionar mais domínios, clique em + Adicionar URI.
Sempre que possível, finalize a URL com uma barra/.
-
Após criar o ID, será exibida uma janela com o ID do cliente.
Clique no ícone Copy ao lado de seu ID de cliente para copiar o token. -
Cole o token copiado no campo Token OAuth Google do canal WebChat no Opa! Suite.
Token Google API
Na mesma página do Google Cloud Console, siga os passos abaixo para gerar o Token Google API:
-
No menu lateral, clique em Biblioteca.
-
Pesquise por Gmail API e clique em Ativar.
-
Retorne ao Painel da API e selecione Criar credenciais ➜ Chave de API.
-
Copie o ID gerado.
-
Cole o token no campo Token Google do canal Web Chat no Opa! Suite.
Token Facebook
Para gerar o Token Facebook, é necessário possuir uma conta no Meta for Developers.
Siga os passos abaixo:
-
Faça login em sua conta do Facebook.
-
Acesse o site Facebook Developers.
-
Clique em Entrar e utilize a conta que administra a página da sua empresa.
-
Vá em Meus aplicativos ➜ Criar aplicativo.
-
Preencha os campos:
-
Nome de exibição: nome do app.
-
E-mail de contato: e-mail da conta ou do responsável técnico.
-
-
Clique em Criar identificação do aplicativo.
-
Após a criação, siga as instruções do Facebook para gerar o Token de Acesso.
-
Cole o token gerado no campo Token Facebook do canal Web Chat no Opa! Suite.
Resumo rápido
Token Google OAuth → usado para permitir login via conta Google no canal Web Chat.
Token Google API → usado para integração com Gmail API (envio e autenticação de mensagens).
Token Facebook → usado para permitir login via conta Facebook no canal Web Chat.
Ative apenas os tokens correspondentes aos métodos de login que realmente pretende oferecer aos seus usuários.
Realizado todo o processo de criação, cole os Tokens gerados no Opa! Suite e salve.
Atenção
Após salvar a integração com os tokens, será necessário copiar o script atualizado e inseri-lo novamente no site (no cabeçalho).
Essa etapa garante que as novas credenciais passem a funcionar corretamente na autenticação.
Considerações Finais
Com todas as etapas concluídas, o WebChat estará totalmente integrado ao Opa! Suite, permitindo uma comunicação fluida e moderna entre sua empresa e seus clientes.
Agora o WebChat passa a ser uma extensão direta do seu atendimento digital, pronta para fortalecer o relacionamento com o cliente e agilizar o contato com sua equipe.
Etiquetas
WebChat Integracao Google Facebook AtendimentoAoCliente
Leia também
<<<<<<< HEAD
origin/main