Visão Geral

Neste artigo, apresentamos o UserGuiding e mostramos o básico para que você possa começar a integrar novos e atuais clientes e melhorar a experiência geral do usuário (UX) da sua plataforma web.

Depois de se cadastrar, você chegará a panel.userGuiding.com. Esse é o painel da UserGuiding, onde você pode criar e gerenciar conteúdo.

A primeira coisa a saber é que você tem uma variedade de ferramentas de aprendizado à sua disposição:

• Há um checklist de onboarding interessante no painel UserGuiding. Aqui, você pode acionar cada guia simplesmente clicando em seu nome e seguindo seu caminho.

• No lado direito, você também verá um widget chamado "Need Help?" (Precisa de ajuda?); clique nele para expandi-lo.
  
  Essa é a nossa Central de Recursos; nela, você encontrará o mesmo checklist de onboarding, casos de uso, um guia sobre como criar essa Central de recursos em seu aplicativo web e muito mais!
  
• Há também muito conteúdo educacional em nossa Central de Ajuda e em nosso blog.

Dito isso, vamos nos aprofundar. 

Etapa 1: Faça o download da extensão do Chrome UserGuiding

Para criar e projetar guias e hotspots, vá até a loja online do Google para fazer o download da UserGuiding Chrome Extension.

Depois de adicionar essa extensão ao Chrome, você pode abri-la clicando nesse ícone sempre que necessário.
​

Etapa 2: Crie seu primeiro guia

Aqui está um vídeo rápido sobre como criar seu primeiro Guia, mas vamos orientá-lo nas etapas abaixo.

• Depois de instalar com êxito a extensão UserGuiding para o Chrome, retorne ao painel da UserGuiding. Em seguida, na seção Engajamento (Engagement) do menu à esquerda, encontre a aba Guias.
• Agora, clique no botão + Criar um guia (+ Create a Guide), que pode ser visto na captura de tela a seguir.
  ​
• Além da janela pop-up de abertura, digite o nome do seu Guia e a URL onde você deseja criá-lo. Em seguida, clique no botão Confirm (Confirmar).
  

Agora, sua página web deve ser aberta em uma nova guia com a extensão UserGuiding funcionando.

• Selecione um tipo de etapa entre Modal, Tooltip ou Input Field. Além disso, consulte este artigo para saber mais sobre os diferentes tipos de etapas do Guide.
• Depois de escolher o tipo de etapa, escolha um modelo para a etapa do Guide ou crie-o do zero.
  

• Depois de concluir a primeira etapa do Guide, você pode continuar adicionando mais etapas com o botão + Step (Etapa).
  

• Se tiver terminado de criar seu primeiro guia, clique em < Voltar para vê-lo na visualização de lista na seção Guias, onde é possível criar novos guias.
  

Importante: Para criar hotspots, você pode alternar para a aba Hotspot ao lado da aba Guides.
​

Etapa 3: Incorpore o código do contêiner para concluir a instalação

Os contêineres na UserGuiding são trechos de código JavaScript usados para instalar a UserGuiding em seu aplicativo web ou site.

Para mostrar Guias, Hotspots ou outros materiais de onboarding de usuários finais, é necessário concluir a instalação incorporando um único código de contêiner no código-fonte do aplicativo.

Importante: para instalar o código do contêiner da UserGuiding em um aplicativo, é necessário acessar seu código-fonte.

A instalação da UserGuiding em seu aplicativo web é fácil e leva apenas alguns minutos. Só depois disso você poderá começar a mostrar o conteúdo de onboarding de usuários finais.

Também é possível usar o Google Tag Manager para instalar a UserGuiding em sua plataforma web ou site.

É possível encontrar o código único do contêiner na aba Contêineres, na seção Configurações.

Geralmente, se não se sentir à vontade com isso, um colega de equipe com acesso ao código-fonte do seu aplicativo saberá o que fazer.

Etapa 4: Entre em ação!

Tudo o que resta é ativar o status do Guide e exibi-lo nas páginas de sua plataforma.

Cada conteúdo que você cria pode ser ativado na página de configurações e é publicado ao clicar no botão verde Publish Changes (Publicar alterações) no canto superior direito.

• Vá para as Configurações do Guide, altere seu status para Ativo, clique em Salvar e em Publicar alterações.

Em seguida, volte ao local onde criou o Guia e atualize a página para ver a versão ativa como usuário final.

Se quiser saber mais sobre os Guias e sua utilização, você pode visitar aqui.

Estamos sempre à disposição para ajudar!

Se tiver alguma dúvida, visite nossa Central de Ajuda para saber tudo sobre a UserGuiding.

Boa orientação!