Checklists de Onboarding

Guie cada novo usuário
até a primeira vitória

Crie checklists no aplicativo que guiam os usuários pela configuração, acompanham o progresso automaticamente,
e desaparecem quando terminam. Sem código.

Comece Grátis Saiba mais sobre Checklists de Onboarding →

Transforme etapas de onboarding dispersas em um caminho claro

Checklists ficam no seu aplicativo web como um widget flutuante. Cada item conecta a um Guia ou URL, e os usuários avançam no próprio ritmo. Quando completam uma etapa, a barra de progresso avança e o item ganha um check. Você controla o que 'concluído' significa para cada etapa: finalizar um guia, visitar uma URL, atingir um evento customizado ou bater uma propriedade de usuário.

Você monta tudo no painel da UserGuiding. Escolha quais Guias entram, defina a ordem, customize cores e ícone do launcher para combinar com sua UI, defina critérios de conclusão e publique. O checklist aparece nas páginas que você escolher, para os usuários que você segmentar.

O que você pode fazer com
Checklists de Onboarding

Crie fluxos de onboarding no aplicativo com critérios de conclusão customizados, personalize com atributos do usuário e acompanhe cada passo.

Construa e organize itens do checklist

Adicione Guias ou URLs de página como itens do checklist na aba Conteúdo
Reordene itens arrastando para controlar a sequência que os usuários seguem
Defina título e descrição de cada item independentemente do Guia vinculado
Bloqueie itens para que os usuários completem em ordem (progressão sequencial)
Desligue a Progressão para casos não sequenciais como centrais de ajuda ou FAQs

Defina critérios de conclusão por item

Marque itens de Guia como concluídos quando o usuário finaliza todas as etapas do Guia ("Guide is Completed")
Marque itens de URL como concluídos quando o usuário visita a página vinculada ("URL is Visited")
Defina conclusão baseada em eventos customizados ou propriedades de usuário enviadas à UserGuiding
Combine critérios para fluxos complexos onde várias ações sinalizam conclusão

Personalize aparência e launcher

Escolha uma cor de tema, família de fonte e título/subtítulo do checklist
Faça upload de um ícone de launcher customizado (PNG ou JPEG) para combinar com a UI do seu app
Adicione texto ao lado do ícone do launcher para contexto extra
Configure o checklist para abrir por padrão ao carregar a página, ou apenas quando os usuários clicarem no launcher
Habilite uma barra de progresso com ícones de check quando a Progressão estiver ativada
Use CSS para controle visual total nos planos Growth e Enterprise

Personalize com atributos do usuário

Insira atributos dinâmicos como {{name}} ou {{company}} no título, subtítulo e texto do launcher do checklist
Adicione personalização aos cabeçalhos de itens individuais
Use valores de fallback com a sintaxe de pipe (ex.: {{name | there}}) para usuários sem o atributo
O texto de placeholder da barra de busca também suporta atributos dinâmicos

Segmente os usuários certos

Mostre checklists para segmentos específicos de usuários baseados em atributos, eventos ou comportamento
Segmente por URL de página para que o checklist apareça apenas em páginas relevantes
Use "DaysPassedAfterSignedUp" ou propriedades similares para segmentar apenas usuários novos
Encadeie checklists: exija a conclusão do primeiro antes de mostrar um segundo via regras de segmentação
Defina a audiência como "Only Me" para testar internamente antes de ir ao ar

Controle visibilidade e ciclo de vida

Configure o checklist para se ocultar automaticamente quando todos os itens forem concluídos ("Hide as Completed")
Permita que os usuários dispensem o checklist com uma opção de fechar
Mantenha o checklist visível mesmo após a conclusão para consulta persistente
Escolha a frequência de aparição: uma vez por sessão, sempre ou até a conclusão
Execute múltiplos checklists na mesma URL se cada um atingir um segmento diferente
Inicie ou oculte checklists programaticamente via JavaScript API (launchChecklist, expandChecklist, collapseChecklist, hideChecklist)

Acompanhe performance com analytics integradas

Veja Total de Interações, Total de Conclusões e Taxa de Conclusão na aba Reports de cada checklist
Filtre analytics por intervalo de datas com intervalos diários, semanais ou mensais
Veja o detalhamento de interação por item em gráfico de pizza e tabela classificada
Exporte a lista de usuários que interagiram com um checklist como CSV com colunas de atributos customizados
Use getChecklistCompletionInfo() via JS API para consultar o status de conclusão do usuário atual

Mais de 1.000 equipes escalando com sucesso com o UserGuiding

Junte-se a eles e dê o primeiro passo em direção ao crescimento.
Comece seu teste gratuito hoje mesmo com confiança.

Agende Uma Demo Comece GrátisComece Grátis

Onde o UserGuiding encontra sua pilha de IA

Quatro maneiras pelas quais o UG funciona bem com as ferramentas de IA que sua equipe já usa.

Assistente de IA

Responda às perguntas dos usuários com IA treinada em seu produto, documentos de ajuda e tom de voz.

Saiba mais

→

MCP Server

Conecte Claude, Cursor e Codex aos dados do seu produto com 17 ferramentas, sem integrações personalizadas.

Leia o lançamento

→

Análise sem código

Monitore cliques, movimentos, foco, entradas e visualizações de página sem escrever uma linha de código.

Veja como funciona

→

Pergunte à IA

Adicione um painel de bate-papo em sua base de conhecimento que responda às perguntas dos usuários com citações de seus artigos publicados.

Leia os documentos

→

Guia de usuário avançado com IA →

Perguntas Frequentes

Eu posso adicionar diferentes ações que gostaria que os meus usuários fizessem na minha plataforma como passos do checklist?

Sim, você pode enviar eventos personalizados como atributos para a UserGuiding e adicioná-los ao seu checklist. Dessa forma, quando um usuário concluí-lo, o passo será automaticamente marcado como concluído.

Eu posso mudar o tamanho e a posição do checklist na minha página?

Você pode alterar a posição do checklist nas configurações. Para alterar seu tamanho, você precisará usar este comando de CSS:

#checklist-content-container { width: [número de pixels desejado]px; }

‍

Como os checklists de onboarding podem me ajudar a aumentar as conversões do teste grátis para um plano pago?

Os checklists mostram aos usuários onde eles estão no processo de onboarding e quais passos eles precisam concluir para obter o máximo de valor da plataforma. Portanto, ao eliminar qualquer confusão referente aos próximos passos, isso os estimula a concluir o onboarding e aumenta as chances de convertê-los em um cliente.

Eu posso monitorar o desempenho do meu checklist com a UserGuiding?

Sim, você pode ver os usuários que interagiram com o seu checklist e que o concluíram, bem como a taxa de conclusão para o checklist e para guias específicos dentro dele.

Eu preciso saber programar para criar um checklist de onboarding para os meus usuários?

Com a UserGuiding, você não precisa. Você pode simplesmente criar os seus guias ou adicionar eventos personalizados por meio de integrações e criar um checklist com os passos que você quer, sem escrever uma linha de código sequer.

O que é um checklist de onboarding?

Um checklist de onboarding é um widget interativo que mostra aos usuários o que fazer durante sua jornada de onboarding e como está seu progresso.

Guie cada novo usuárioaté a primeira vitória