Clew

Como configurar o onboarding de utilizadores 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 utilizadores 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 utilizador:

  • um pop-up de boas-vindas (Janela modal) no primeiro ecrã, uma vez por visitante;
  • um tour do produto (Tooltips passo a passo) no ecrã em que o primeiro resultado é criado, que começa quando o utilizador 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, acionador e público, por isso o fluxo adapta-se a onde o utilizador está, em vez de despejar um tour de 12 passos no carregamento.

Um pop-up de boas-vindas, um tooltip de tour e um painel de checklist como três etapas do onboarding
ilustração esquemática

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 utilizador vai ganhar e envia para aquele ecrã. 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 toda nós fecha as boas-vindas, encurte; se abandonam no passo 2 do tour, o problema é a próprio ecrã.

Como montar um fluxo de onboarding em 5 passos

  1. Passo 01

    Copie o seu snippet do Clew

    Crie uma conta gratuita (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: substitua COLE_AQUI_A_SUA_CHAVE pela chave do site em Admin > Visão geral -->
    <script src="https://tryclew.io/widget/COLE_AQUI_A_SUA_CHAVE.js" async></script>
    Visão geral do admin do Clew com a linha de instalação e a chave do site oculta
    Passo 1 · ilustração esquemática
  2. Passo 02

    Coloque a linha no site uma única vez

    Cole o snippet onde gere o site. Cada guia leva de 5 a 10 minutos e não precisa de ser repetido: todo o resto acontece no Clew.

    Onde fica o campo de código do head nos construtores mais usados
    Passo 2 · ilustração esquemática
  3. 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 o ecrã principal; um tour Tooltips passo a passo de 3–4 passos nesse ecrã, feito com Editar no seu site e Escolher elemento; e um Checklist de onboarding com as tarefas de configuração que faltam.

    Um pop-up de boas-vindas, um tooltip de tour e um painel de checklist como três etapas do onboarding
    Passo 3 · ilustração esquemática
  4. 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çãoValor
    Pop-up de boas-vindas
    FormatoJanela modal
    Onde mostrar (URL da página)Caminho exato /app
    Quando mostrarLogo ao carregar a página
    Segmentação de públicoSem regras: toda nós que abre a página
    FrequênciaUma vez por visitante
    Tour do produto
    FormatoTooltips passo a passo
    Onde mostrar (URL da página)Secção por prefixo /app/projects
    Quando mostrarLogo ao carregar a página
    Segmentação de públicoSem regras: toda nós que abre a página
    FrequênciaUma vez por visitante
    Checklist
    FormatoChecklist de onboarding
    Onde mostrar (URL da página)Secção por prefixo /app
    Quando mostrarNa N.ª visita: 2
    Segmentação de públicoSem regras: toda nós que abre a página
    FrequênciaUma vez por visitante
    Editor de tours do Clew com formato, regra de URL, acionador e regra de público
    Passo 4 · ilustração esquemática
  5. Passo 05

    Publique e verifique no site real

    Mude Estado para Publicado e guarde. Abra a página numa janela anónima: o Clew lembra quem já viu um item de “uma vez”, por isso o seu navegador de sempre pode saltar. Visualizações, conclusões e abandonos aparecem nas estatísticas.

    Visão geral do admin do Clew com o cartão verde de widget ativo
    Passo 5 · ilustração esquemática

Passo a passo: onboarding de utilizadores 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 tem 14 dias de teste com tudo incluído, sem cartão. Quando o teste acaba, nada é apagado e o que foi publicado continua a aparecer.

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 tem 14 dias de teste com tudo, sem cartão.

Como mostrar o onboarding só para utilizadores novos?

Sem código: Uma vez por visitante e páginas que só os novos abrem. Com a sua app: envie uma propriedade como signed_up_at ou onboarded via Clew.identify() e adicione uma regra de público.

Os itens são mostrados em sequência?

Eles seguem a navegação do utilizador: boas-vindas no primeiro ecrã, o tour quando ele abre a próxima, o checklist numa visita seguinte. Só um item aparece no ecrã 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.

Uma linha no seu site e, a seguir, tours, dicas e checklists sem novas versões.

Obter a minha chave grátisComo funciona o ClewPlano gratuito para sempre, sem cartão

Tours de produto, pop-ups e onboarding na era da IA

7 padrões com número de passos, regras de texto e métricas, o que a IA muda e uma lista antes de publicar. PDF, 2 páginas. O que inclui →

O guia está em inglês.