Visão geral

Os botões são componentes essenciais que permitem aos usuários finais navegar pelas etapas do Guia ou acionar ações específicas dos seus materiais de onboarding. Neste artigo, você aprenderá a usá-los da melhor forma.

Requisite Buttons

Os Guias podem ser compostos de uma ou mais etapas sucessivas. Se você escolher a última opção, usaremos os botões Requisite para avançar e retroceder entre as etapas de um Guia. Em cada etapa que você criar, o padrão deles estará ativo.

Os botões de requisito padrão são NEXT, PREVIOUS e DONE.

NEXT: Prossiga para a etapa seguinte do Guia.
PREVIOUS: Retorna à etapa anterior.
DONE: Finaliza um Guia, como se estivesse clicando no ícone "X".

Se quiser redesenhar os botões de requisitos, a cor, o arredondamento e o conteúdo/texto podem ser alterados por meio de temas no painel da UserGuiding.

Além disso, você sempre pode usar um botão personalizado em vez de usar os botões Requisite com uma ação predefinida.

Botões personalizados

Os botões alfandegários acionam ações específicas de um Guia ou de um Pesquisa. Para adicionar botões às etapas de seu Guia ou Pesquisas, selecione o componente Button.

Clique no botão personalizado para abrir as configurações. Aqui, você pode projetar e gerenciar seu componente Button.

Aqui, da esquerda para a direita, respectivamente, você pode encontrar:

Estilo do botão (herdado do tema escolhido);
Alinhamento
Preenchimentos
Propriedades do botão
Ação
Excluir

Definindo uma ação para um botão personalizado

A seleção da ação do clique (ícone de seta) mostrará as opções de ação disponíveis.

Se adicionar o botão personalizado a uma etapa do Guia ou a um Pesquisa, você poderá definir uma dessas ações:

Ir para URL: redireciona o usuário final para uma URL específica. Como alternativa, ele pode ser carregado em uma nova aba
Executar JavaScript: executa um trecho de código
Ir para Etapa: prossegue para uma determinada etapa do Guia
Encerrar Guia: fecha o Guia atual (o mesmo que clicar no ícone "x")
Acionar Guia: fecha o Guia atual e aciona o Guia selecionado
Fechar Pesquisa: fecha a Pesquisa atual (o mesmo que clicar no ícone "x")
Dispensar Guia ou Hotspot: dispensa o Hotspot atual (funciona exatamente como a "Opção Dispensar" do Hotspot)
Copiar para a área de transferência: copia o texto fornecido para a área de transferência
Acionar uma Survey: Aciona a Survey do UserGuiding Selecionada

💡 Como dica, se quiser conectar dois Guias e criar uma experiência ininterrupta, você pode acionar um novo Guia na última etapa do Guia atual que está sendo editado.