Dicas Inteligentes

Last Updated dezembro 9, 2025

Breve Visão Geral

Dicas Inteligentes são dicas avançadas que ajudam os usuários a entender seu site ou produto. Por exemplo, você pode usar Dicas Inteligentes para:

  • Adicionar dicas úteis a áreas confusas
  • Verificando usuários corretamente

As Dicas Inteligentes são criadas no editor. Dicas Inteligentes individuais são criadas em um conjunto - um grupo de Dicas Inteligentes que aparecem no mesmo formulário ou na mesma página. Dicas Inteligentes podem ser usadas em vez ou além dos Guias Inteligentes.

Instituto de Adoção Digital 🎓 (DAI)

Casos de uso

Existem dois tipos de Dicas Inteligentes:

  • Dicas Inteligentes de Orientação apresentar aos usuários informações adicionais sobre o que está na página ou em um campo de entrada. Por exemplo, você pode colocar uma Dica Inteligente de Orientação em um campo Nome para esclarecer que o usuário deve inserir seu primeiro nome e também seu sobrenome. A Dica Inteligente de Orientação neste campo aparecerá constantemente na página e exibirá a mensagem "Digite seu nome e sobrenome" quando o usuário passar o mouse sobre ela.
  • Dicas Inteligentes de Validação fornecer feedback em tempo real sobre campos antes do envio do formulário. Por exemplo, adicione uma Dica Inteligente em um campo de e-mail que será exibido se uma entrada incorreta for feita e desaparecerá da tela quando o erro for corrigido.

Como funciona

As Dicas Inteligentes podem exibir dicas de ferramentas em um ícone ou diretamente sobre o elemento selecionado. Se as Dicas Inteligentes estiverem definidas para serem exibidas sobre o elemento, A Dica Inteligente de Orientação aparecerá quando um usuário focar o campo selecionado (passar o mouse, clicar ou usar a tecla Tab para entrar). Uma Dica Inteligente de Validação aparece quando um usuário desfoca (clica ou usa a tecla Tab para sair) do campo selecionado e o campo está incorreto (a regra de validação é avaliada como falsa).

Ao usar Dicas Inteligentes de Orientação e Validação, a mensagem de orientação é colocada sobre um ícone e a mensagem de validação aparece sobre o elemento selecionado (consulte os gifs acima).

Saiba como criar Dicas Inteligentes

Para obter um guia passo a passo sobre como criar Dicas Inteligentes, consulte o guia Dicas Inteligentes: Introdução.

Conjuntos

Um conjunto é um grupo de Dicas Inteligentes relacionadas. Assim como as etapas de um Guia, as Dicas Inteligentes são criadas como um grupo dentro de um conjunto. Nenhuma Dica Inteligente individual pode ser independente de um conjunto, assim como nenhum passo individual pode existir independentemente de um Walk-Thru. A primeira etapa ao criar Dicas Inteligentes é criar o conjunto no qual as Dicas Inteligentes relacionadas serão agrupadas.

Configurações de um conjunto

Ao criar um conjunto, primeiro você será solicitado a determinar onde esse conjunto será reproduzido: em uma página específica ou em várias páginas.

  • Exibir apenas em uma página específica requer o uso do mecanismo de regras para definir a página (o mais usado é o tipo de regra URL). Definir uma página específica maximiza o desempenho.
    Observação

    Evite usar elementos na tela nas condições definidas. Elas são avaliadas no carregamento da página e farão com que a Dica Inteligente não apareça em um sistema SPA. Coloque todas as condições de elemento na tela nas regras de exibição Dicas inteligentes.

  • Exibir em várias páginas reproduzirá o conjunto em todas as páginas; você não precisará criar uma regra.

Configurações de segmentação

Antes de exibir Dicas inteligentes, o WalkMe verifica as regras de segmentação do conjunto para verificar se a regra é verdadeira. Se for, o WalkMe executa simultaneamente todas as Dicas inteligentes dentro do conjunto.

Adicione o conjunto a um segmento para segmentar um público-alvo específico. Para um formulário que se aplica tanto a administradores quanto a vendas, aplique ambos os segmentos globais ao conjunto de Dica Inteligente.

Você pode adicionar seus segmentos a partir do editor.

Segmentation

Observações

Clique no ícone +Add Note no canto superior direito para criar notas.

As notas podem ser usadas para colaborar com membros da equipe no editor e não aparecerão para os usuários.

Alguns exemplos de casos de uso de notas são:

  1. Deixe um lembrete de uma ação a ser executada posteriormente em um item
  2. Deixe um comentário para o seu colega
  3. Explique com suas próprias palavras o que você construiu e por quê

O que são Dicas Inteligentes de Orientação?

Uma Dica Inteligente de Orientação exibe apenas uma mensagem ao usuário. As mensagens de Dicas Inteligentes de Orientação aparecem quando você passa o mouse sobre o ícone ou, se você exibe a mensagem no elemento, ela aparece quando você passa o mouse ou foca (clica ou toca) no elemento. Essa mensagem pode ser exibida no elemento ancorado ou no ícone de Dica Inteligente.

Usando a guia Comportamento, você pode configurar essas configurações e acessar o editor de texto enriquecido para personalizar o design da Dica Inteligente.

Novo design

Saiba mais sobre as alterações nas configurações de Dica Inteligente feitas no novo design.

Dica em Vídeo de Terça-feira

O que são Dicas Inteligentes de Validação

As Dicas Inteligentes de Validação verificam se um usuário adicionou conteúdo válido aos campos. Elas verificam as entradas de campo com base nas regras de validação.

As regras de validação permitem definir o que é considerado entrada válida para um campo. Se a regra de validação for avaliada como falsa (entrada incorreta em um campo), a Dica inteligente exibirá sua mensagem de validação.

As regras de validação são verificadas quando um usuário desvia o foco (clica ou desvia) de um campo. O ícone Dica inteligente de validação ou destaque do elemento será exibido se o usuário preencher o campo incorretamente (a regra de validação é avaliada como falsa) e desaparecerá quando o usuário tiver corrigido o erro (a regra de validação é avaliada como verdadeira).

Uma Dica Inteligente de Validação só é executada se a regra for falsa; em outras palavras, se o elemento selecionado não for um número de telefone válido, a validação será exibida.

A validação pode ser definida para aparecer no ícone Dica Inteligente ou no campo selecionado. A mensagem será exibida quando o usuário passar o mouse sobre o ícone.

Você pode configurar regras de validação e mensagens de sucesso na guia Interação.

Selecione entre as seguintes regras de validação predefinidas ou crie uma nova regra personalizada:

  • Obrigatório: A regra avaliará se há texto no campo anexado. Se deixado em branco, a regra de validação será falsa.
  • Campo numérico : verifica se a entrada é um valor numérico.
  • Formato de data : verifica se a entrada está em um formato de data válido, como dd/mm/aaaa.
    Observação

    Ao usar um seletor de data, o usuário deve interagir com um campo de entrada e sair dele (clicar para fora) para que a validação ocorra.

  • Formato de hora: verifica se a entrada está em um formato de hora válido, como 14:00 ou 2PM.
  • Número de telefone dos EUA: Verifica se a entrada é um número de telefone dos EUA com 10 dígitos (código de área mais número). Essa regra não pode verificar se os números são reais, apenas se estão escritos no formato correto.
  • Formato de endereço de e-mail: verifica se a entrada está em um formato de e-mail válido e inclui um símbolo @ Formato de endereço da Web: verifica se a entrada está em um formato de endereço da Web válido.

Se você escolher uma das predefinições e clicar em Atualizar condições , você verá como essas predefinições são escritas no Rule Engine. Por exemplo, o A predefinição Número de telefone dos EUA usa a seguinte regra:

Personalização global

A personalização global permite alterar o design de todas as Dicas Inteligentes, sem a necessidade de personalizar Dicas Inteligentes individuais à medida que elas são criadas. O uso da personalização global mantém uma aparência consistente para todas as Dicas Inteligentes.

A prática recomendada é definir um estilo para dicas de ferramentas de erro para manter a uniformidade na plataforma. A personalização global não se aplica retroativamente e só afetará as Dicas Inteligentes criadas após o design ser salvo.


Você pode substituir o estilo global de cor, texto e ícone para Dicas Inteligentes de Orientação no menu Opções de Dica Inteligente. Isso ocorre porque existem casos de uso diferentes para Dicas Inteligentes de Orientação e você pode não querer sempre o mesmo estilo.

Dica profissional:

As Dicas inteligentes de validação só podem usar o estilo padrão global e não podem ser personalizadas individualmente.

Publicação

Quando estiver pronto para publicar suas Dicas inteligentes, selecione o conjunto e clique em Publicar.

Observação

A publicação de um conjunto publicará todas as Dicas Inteligentes dentro desse conjunto

Se preferir não publicar uma ou mais Dicas Inteligentes no conjunto, você pode desativá-las clicando no menu Opções ao lado da Dica Inteligente e selecionando Desativar Dica Inteligente.

Da mesma forma, Dicas Inteligentes individuais não podem ser arquivadas, apenas conjuntos inteiros. Para desativar uma Dica Inteligente individual, desative-a no menu Opções.

Dicas Inteligentes não aparecendo?

Se nenhuma das Dicas Inteligentes do conjunto estiver aparecendo:

  1. Verifique as regras de exibição da página do conjunto
  2. Verifique as regras de segmentação do conjunto de regras

Se as Dicas Inteligentes individuais não estiverem sendo exibidas:

  1. Verifique a regra de exibição da SmartTip; tanto a regra de exibição QUANTO a segmentação definida devem ser verdadeiras para que a SmartTip seja exibida.
  2. Tente capturar novamente o elemento Se uma dica inteligente de validação não for exibida e verifique a regra de validação. Quando a regra for avaliada como verdadeira, a mensagem de validação será exibida.

Se as Dicas Inteligentes ainda não forem exibidas, entre em contato com o Suporte.

Recursos relacionados

Was this article helpful?

Thanks for your feedback!

Faça parte de algo maior.

Interaja com colegas, tire dúvidas e compartilhe ideias.

Explore nossa comunidade
×