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 operadores nas telas dos visitantes e muito mais. To learn more, check Upscope Help Center.
- Copie o código de instalação do Upscope da página Install (Instalar) < >.
⚙️ 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 ··· > Edit code (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 Install (Instalar) < > 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 < > Install (Instalar) do Upscope.
- Acesse sua conta do Google Tag Manager.
- Clique em Tags > New (Novo).
- Nomeie sua tag e clique em Tag Configuration (Configuração de tag). Escolha ou pesquise Custom HTML (HTML personalizado) na lista de tipos de tags.
- No campo HTML, cole o código de instalação do Upscope que você pode recuperar na página Install (Instalar) < > do Upscope.
- Opcional: defina configurações avançadas para sua tag, se necessário.
- Clique em Triggering (Acionamento) e escolha All Page (Todas as páginas).
- Clique em Save (Salvar).
- Agora que sua tag foi criada, clique em Submit (Enviar) para ativá-la.
- Dê um Nome de versão e uma Descrição de versão para sua tag e publique a tag 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 obter na página < > Install (Instalar) do Upscope. Recomendamos colar o código imediatamente antes ou dentro da tag <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 |
| Clique neste botão para abrir o modo picture-in-picture e manter o compartilhamento de tela visível enquanto você realiza várias tarefas ao mesmo tempo. | |
| 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 à agência parceira da Brevo certa.