Como configurar o onboarding de usuários sem programador
Um bom onboarding não é um tour comprido. É uma boas-vindas curta, uma primeira ação guiada e uma lista para a próxima visita. O Clew traz os três formatos num editor, com regras de quem vê o quê e um funil que mostra onde os usuários novos travam.
- Tempo
- ● 40 minutos
- Preço
- Tours grátis · resto no teste de 14 dias
- Formato
- Tooltips passo a passo + Janela modal + Checklist de onboarding
Do que é feito o onboarding no Clew
Um fluxo de onboarding no Clew são alguns itens separados que acompanham o caminho do usuário:
- um pop-up de boas-vindas (Janela modal) na primeira tela, uma vez por visitante;
- um tour do produto (Tooltips passo a passo) na tela em que o primeiro resultado é criado, que começa quando o usuário chega lá;
- um checklist (Checklist de onboarding) a partir da segunda visita, com as tarefas de configuração que faltam.
Cada item tem a sua regra de URL, gatilho e público, então o fluxo se adapta a onde o usuário está, em vez de despejar um tour de 12 passos no carregamento.
Como desenhar
Comece pelo primeiro resultado
Anote a única ação depois da qual o produto é útil. O tour existe só para levar as pessoas até ela.
Boas-vindas numa frase
O pop-up diz o que o usuário vai ganhar e manda para aquela tela. Sem lista de funções.
O resto fica para depois
Convites, integrações e configurações vão para o checklist da segunda visita.
Leia o funil toda semana
Se quase todo mundo fecha as boas-vindas, encurte; se abandonam no passo 2 do tour, o problema é a própria tela.
Como montar um fluxo de onboarding em 5 passos
- Passo 01
Copie o seu snippet do Clew
Crie uma conta grátis (ou entre), adicione o seu site e abra Visão geral no admin. Clique na linha do cartão O widget ainda não deu sinal. para copiar: ela já vem com a chave real do seu site no lugar do marcador.
<!-- Clew: troque COLE_AQUI_SUA_CHAVE pela chave do site em Admin > Visão geral --> <script src="https://tryclew.io/widget/COLE_AQUI_SUA_CHAVE.js" async></script>
Passo 1 · ilustração esquemática - Passo 02
Coloque a linha no site uma única vez
Cole o snippet onde você gerencia o site. Cada guia leva de 5 a 10 minutos e não precisa ser repetido: todo o resto acontece no Clew.
Passo 2 · ilustração esquemática - Passo 03
Crie os três itens do onboarding
Em Fluxos crie três itens: um Janela modal com uma frase de boas-vindas e um link para a tela principal; um tour Tooltips passo a passo de 3–4 passos nessa tela, feito com Editar no seu site e Escolher elemento; e um Checklist de onboarding com as tarefas de configuração que faltam.
Passo 3 · ilustração esquemática - Passo 04
Escolha onde, quando e para quem aparece
No mesmo editor, preencha Onde mostrar (URL da página), Quando mostrar, Segmentação de público e Frequência. Estas são as configurações do exemplo acima:
Configuração Valor Pop-up de boas-vindas Formato Janela modal Onde mostrar (URL da página) Caminho exato /appQuando mostrar Assim que a página carregar Segmentação de público Sem regras: todo mundo que abre a página Frequência Uma vez por visitante Tour do produto Formato Tooltips passo a passo Onde mostrar (URL da página) Seção por prefixo /app/projectsQuando mostrar Assim que a página carregar Segmentação de público Sem regras: todo mundo que abre a página Frequência Uma vez por visitante Checklist Formato Checklist de onboarding Onde mostrar (URL da página) Seção por prefixo /appQuando mostrar Na N-ésima visita: 2 Segmentação de público Sem regras: todo mundo que abre a página Frequência Uma vez por visitante 
Passo 4 · ilustração esquemática - Passo 05
Publique e confira no site real
Mude Status para Publicado e salve. Abra a página numa janela anônima: o Clew lembra quem já viu um item de “uma vez”, então o seu navegador de sempre pode pular. Visualizações, conclusões e abandonos aparecem nas estatísticas.
Passo 5 · ilustração esquemática
Passo a passo: onboarding de usuários na sua plataforma
Escolha a plataforma em que o seu site ou app foi feito. Cada guia traz os passos de instalação, um exemplo com configurações prontas e as armadilhas daquela plataforma.
É grátis?
A parte do tour de produto é grátis no plano Free (até 3 publicados). Modal, Checklist e as regras de público fazem parte do Pro: toda conta nova ganha 14 dias de teste com tudo incluído, sem cartão. Quando o teste acaba, nada é apagado e o que foi publicado continua aparecendo.
Perguntas e respostas
É grátis?
A parte do tour é grátis no plano Free (até 3 publicados). Modal, Checklist e as regras de público estão no Pro; toda conta nova ganha 14 dias de teste com tudo, sem cartão.
Como mostrar o onboarding só para usuários novos?
Sem código: Uma vez por visitante e páginas que só os novos abrem. Com o seu app: envie uma propriedade como signed_up_at ou onboarded via Clew.identify() e adicione uma regra de público.
Os itens rodam em sequência?
Eles seguem a navegação do usuário: boas-vindas na primeira tela, o tour quando ele abre a próxima, o checklist numa visita seguinte. Só um item aparece na tela por vez.
Qual a diferença para um tour do produto?
O tour é um formato. O onboarding é todo o caminho da primeira sessão, e o tour costuma ser a parte do meio.