Visão geral

Depois de fazer o download da extensão da UserGuiding para o Chrome, você estará pronto para criar seu primeiro Hotspot. Neste artigo, mostraremos a você todas as possibilidades ao criá-los.

Como criar um Hotspot

• Encontre os pontos de acesso na seção "Engagement" no menu à esquerda.
• Clique na página Hotspots e, em seguida, clique em +New Hotspot.

Note: Como os Hotspots colocados em uma página específica são agrupados, primeiro você precisa criar um grupo de Hotspots,  em seguida, criar os Hotspots individuais.

• Na janela de abertura, onde você deseja criar seu primeiro grupo de Hotspots, digite o nome do grupo de pontos de acesso e o endereço da página da web.

Antecipando a existência de múltiplos grupos de Hotspots, é recomendável adotar uma estratégia de nomenclatura bem planejada para facilitar a busca e a identificação.

Um nome de grupo baseado na página pode ajudar. Um exemplo é que um grupo de hotspots conterá os hotspots que colocamos na página principal do nosso site.

• O site será aberto em uma nova aba com a extensão da UserGuiding aberta, e será solicitado que você crie seu primeiro Hotspot.
• Você pode começar com um modelo ou optar por começar do zero, como fizemos.

Vamos supor que você acabou de lançar novos planos personalizados durante uma temporada de descontos, mas quer anunciá-los de forma sutil. E você decidiu usar um hotspot para isso.

• Vamos destacar uma área na página onde está escrito Pricing. Mais tarde, você poderá reajustar a localização do beacon do Hotspot.
  

• Digite o texto no tooltip no meio da página. Neste Hotspot, também incorporamos um link de diretório ao texto.

Hotspot

• Ajuste o tamanho do Tooltip no editor de etapas, salve-o e visualize o primeiro rascunho do nosso Hotspot.

• Veja o sinalizador padrão na tela perto da área destacada; se passarmos o mouse sobre ele, o Tooltip revelará seu conteúdo. Se clicarmos na parte com o link, ele será aberto em uma nova aba.
  

• Você pode projetar como seu Hotspot funciona.

Funções do Hotspot

• Você pode exibir a dica de ferramenta com o conteúdo que você criou para o seu Hotspot ou acionar uma ação ao clicar no beacon, como iniciar um Guia, ir para uma URL, disparar uma Pesquisa ou executar um comando JS.
• 
  
  
• Se você selecionar a exibição da dica de ferramenta, também pode controlar a interação.
• Na imagem abaixo, o Hotspot é exibido quando seu beacon é clicado e se oculta quando o cursor é afastado.
  
• 
  

Importante: a opção Focar em Elementos Selecionados funciona para campos de entrada (Elementos HTML). Você pode selecionar um campo de entrada como o elemento destacado e posicionar o cursor sobre ele para acionar o Hotspot na página.

Beacon

• Se você mudar para a aba Beacon, primeiro verá os tipos de beacon como Info, Question e Default.
• Aqui, você pode torná-lo pulsante, alterar o tamanho e a cor, ajustar seu local na página e fazer muito mais.
• Visualize seu Hotspot e salve-o quando estiver satisfeito com seu trabalho.
  

Como tornar um Hotspot visível (publicado)

• Após terminar de criar um Hotspot, volte à seção Hotspots no painel da UserGuiding e encontre o grupo de Hotspots criado.
• Clique em seu nome ou no ícone de engrenagem e acesse sua página de configurações.
  
  
• Aqui, verifique se o container correto foi escolhido para o seu Grupo de Hotspots.

Importante: Container é o código JS que deve ser incorporado em sua plataforma web para integrá-la à UserGuiding. As páginas em que você deseja mostrar o conteúdo de onboarding, como os Hotspots, devem conter esse código.

• Por fim, altere o status para ativo, salve e clique em verde para publicar as alterações.

A publicação das alterações tornará seus Hotspots visíveis em sua página web. Se você acessar a página em que criou seus Hotspots e atualizá-la, poderá vê-los lá.