Pode ser difícil entender os problemas encontrados pelos visitantes do seu site e suas explicações podem não ser claras o suficiente para fornecer sua ajuda. Talvez seja necessário poder ver a tela e executar ações nela para ajudá-los. É por isso que integramos o Upscope ao Conversações para permitir que você veja a tela dos visitantes e assuma o controle dela, ou até mesmo inicie uma chamada se necessário, a qualquer momento durante a conversa e facilite o suporte ao cliente.
Antes de começar
- Faça login ou crie uma conta do Upscope.
- Defina as configurações do Upscope para criar equipes, adicionar membros, escolher se deseja pedir consentimento aos visitantes ou não, quais ações podem ser realizadas por seus agentes nas telas dos visitantes e muito mais. Para saber mais, consulte a Central de Ajuda do Upscope.
- Copie o código de instalação do Upscope da página de instruções de instalação <>.
⚙️ Etapa 1: Instale o Upscope em seu site
- Acesse sua conta da loja Shopify e vá até Online Store (Loja Online) > Themes (Temas).
- Clique em Customize (Personalizar).
- No canto superior esquerdo da tela, clique em ··· > Customize (Editar código).
- Em Layout, clique no código theme.liquid. Procure a etiqueta <head> e cole o código de instalação do Upscope que você pode recuperar na página de instruções de instalação < > do Upscope.
- Clique em Save (Salvar) no canto superior direito da tela. Certifique-se de que sua loja seja publicada.
- Instale o WP Code - Insert Headers and Footers + Custom Code Snippets plugin (plug-in WP Code - Inserir cabeçalhos e rodapés + Snippets de código personalizados) em seu site WordPress ou WooCommerce:
- Faça login em seu site WordPress ou WooCommerce e vá para Plug-ins > Add new (Adicionar novo) na barra lateral esquerda.
- Digite o código WP na barra de pesquisa.
- Clique em Install now (Instalar agora) ao lado de WP Code - Insert Headers and Footers + Custom Code Snippets (Código WP- Inserir cabeçalhos e rodapés + Snippets de código personalizados).
- Depois que o plug-in estiver instalado, clique em Code Snippets (Snippets de código) > Header & Footer (Cabeçalho e rodapé) na barra lateral esquerda.
- Na seção Header (Cabeçalho), cole o código de instalação do Upscope que você pode recuperar na página de instruções de instalação < > do Upscope.
- Acesse sua conta do Google Tag Manager.
- Clique em Tags (Etiquetas) > New (Novo).
- Nomeie sua etiqueta e clique em Tag Configuration (Configuração de tag). Escolha ou pesquise Custom HTML (HTML personalizado) na lista de tipos de etiquetas.
- No campo HTML, cole o código de instalação do Upscope que você pode recuperar na página de instruções de instalação < > do Upscope.
- Opcional: defina configurações avançadas para sua etiqueta, se necessário.
- Clique em Triggering (Acionamento) e escolha All Page (Todas as páginas).
- Clique em Save (Salvar).
- Agora que sua etiqueta foi criada, clique em Submit (Enviar) para ativá-la.
- Dê um Nome de versão e uma Descrição de versão para sua etiqueta e publique a etiqueta para instalar a integração do Upscope.
Acesse o código HTML do seu site e cole o código de instalação do Upscope que você pode recuperar na página de instruções de instalação < > do Upscope. Recomendamos colar o código antes ou dentro da etiqueta<head> para instalar a integração em todo o seu site.
Parabéns! 🚀 A integração do Upscope está instalada em seu site. Agora você pode acessar Conversações e utilizá-lo ⬇️.
👀 Etapa 2: inicie o compartilhamento de tela com Upscope em Conversações
Você só poderá começar a ver a tela dos visitantes depois que eles iniciarem uma conversa com você. Ao discutir com os visitantes do seu site, você pode acessar a tela deles a qualquer momento para ajudá-los e solucionar incidentes.
No painel direito da sua conversa, em Share screen & co-browse (Compartilhar tela e navegação conjunta), clique no botão Start a session (Iniciar uma sessão):
Depois de iniciar a sessão, você poderá realizar diversas ações graças à barra de ferramentas na parte inferior da sua página:
| Ferramenta | Ação |
| Escolha sua cor de destaque. Você pode escolher entre: amarelo, verde, roxo, preto ou vermelho. | |
| Destaque uma parte da tela dos visitantes e mostre as direções. Pode ser útil se eles precisarem realizar várias ações consecutivas. | |
| Navegue pela tela de visitantes. Você pode clicar em atualizar a página, clicar em botões, rolar ou até mesmo navegar pelas diferentes páginas do seu site como se estivesse nelas. | |
| Destaque uma parte da tela de visitantes. Pode ser útil mostrar-lhes onde clicar quando não conseguem encontrar um botão, por exemplo. | |
| Clique neste botão para iniciar uma chamada de áudio com seus visitantes se eles precisarem de instruções verbais. | |
| Clique neste botão quando terminar de ajudar seus visitantes e encerrar a sessão de compartilhamento de tela. |
⏭️ O que vem a seguir?
🤔 Dúvidas?
Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.
Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.