Clew

Tooltips, tours e checklists
dentro do seu produto

Quem configura é o time de produto, não os desenvolvedores: adicione uma tag de script e marque a interface você mesmo — sem releases. Rode na nossa nuvem na UE ou nos seus próprios servidores, e pague com cartão, sem cobrança por MAU. Uma alternativa acessível ao Appcues, Pendo e Intercom.

Teste grátis Free para sempre · Pro e Business — 14 dias de teste, sem cartão

React · Vue · qualquer SPA · self-hosted sob consulta

app.seu-produto.com.br/dashboard
Um tooltip da Clew sobre o painel de um app, apontando para o botão Novo relatório
É assim que um tooltip aparece numa página real — não é mockup, é o widget de verdade.

Por que times
de produto precisam

Três métricas que são do time de produto — e que os tours movem diretamente.

Ativação mais rápida

Novos usuários chegam ao primeiro valor em vez de abandonar o produto diante de uma tela vazia. O tour leva cada um até a ação principal.

Menos tickets no suporte

Responda ao eterno “onde fica…” com um tooltip na própria interface — onde a dúvida surge, e não numa central de ajuda que ninguém lê.

Novidades que as pessoas veem

Anuncie um recurso novo com um modal na própria página do recurso. Nada de e-mail perdido no spam: a mensagem aparece onde o recurso é usado.

Três passos
até a primeira dica

Um desenvolvedor é preciso no máximo uma vez — no primeiro passo, e nem isso.

  1. A tela Visão geral no painel do Clew: um cartão com a linha de código e um botão Copiar

    01

    Conecte

    Uma linha no seu site — na mão, por um gerenciador de tags, pelo construtor de sites ou por um assistente de IA. Funciona com React, Vue e HTML comum, e sobrevive à troca de rotas em SPAs.

    <script src="https://tryclew.io/widget/COLE_AQUI_SUA_CHAVE.js" async></script>
  2. O editor do Clew sobre o site do cliente: um botão destacado e, à direita, o painel com o título e o texto da dica

    02

    Aponte o dedo

    Você abre o seu site, clica no botão que quer e escreve o texto da dica. Sem seletores CSS, sem tarefa para o desenvolvedor e sem release: o editor trabalha em cima da sua página.

    Os relatórios agora ficam aqui

    Gere uma exportação em um clique: o construtor de relatórios mudou para este botão.

    Próximo

    Esta é uma dica de verdade do Clew: a marcação e os estilos vêm do widget que você instala no site.

  3. Estatísticas de um tour no painel do Clew: funil por passos, queda no terceiro passo e resultados do teste A/B

    03

    Veja onde as pessoas somem

    Exibições, conclusões e fechamentos são contados por um identificador anônimo do navegador — sem endereços IP nem dados pessoais.

    • Funil por passos: dá para ver em qual passo as pessoas saem
    • O passo que deixa de encontrar seu elemento se marca sozinho
    • Teste A/B com p-valor e plano de amostra — nos planos Pro e acima

    Dados ilustrativos

Três formatos,
um editor

Tudo isso é desenhado pelo mesmo widget e segue as mesmas regras de exibição. Abaixo está o próprio widget, não uma imagem dele: estas dicas usam a marcação e os estilos dele.

Tours e dicas avulsas

Uma sequência de dicas com ponteiro e pontos de progresso: cada passo se prende ao seu elemento e anda junto com ele. Um passo sem continuação é só uma dica em cima de um botão.

Incluído no plano gratuito

Janela modal

Para anúncios e boas-vindas: no centro, sobre um fundo escurecido, sem se prender a nenhum elemento.

Planos Pro e acima

Checklist de onboarding

Fica num canto da tela e lembra o progresso entre as visitas. Os itens são marcados pelo próprio usuário — experimente aqui mesmo.

Planos Pro e acima

Veja o que
o onboarding muda

Um teste A/B mostra a contribuição de cada tour para a ativação — a variante com tooltips contra um grupo de controle. Você também vê quando um tooltip não encontra mais o seu elemento: isso costuma acontecer depois de um release do front-end, e os times só descobrem semanas depois.

Teste A/B de onboarding, dados ilustrativos
100 50 0 +28 p.p. Onboarding +32 p.p. Primeira ação +28 p.p. Ativação +19 p.p. Retorno no 7º dia
Controle Com tour da Clew

Um tour, dividido em coortes. Ativação e retorno são contados por um ID aleatório no navegador: sem endereço IP, sem dados pessoais — compatível com LGPD e GDPR desde a concepção.

Saúde dos tours, dados ilustrativos
Onboarding de gestores1.240 visualizações · funcionando
OK
Passo 3 — seletor não encontrado.report-btn--a91f ausente desde 14 de agosto
Corrigir
Checklist “Primeira configuração”funcionando
OK

A Clew percebe sozinha quando um tooltip não encontra mais o seu elemento — algo que costuma quebrar depois de um release do front-end. O tour não trava: o passo quebrado é sinalizado e pulado, e você fica sabendo na hora, não semanas depois.

Preços

O Free não tem prazo. Teste o Pro e o Business por 14 dias sem cartão — valide sua hipótese antes de pagar. Os planos variam pela escala: sites, assentos no time e tours publicados, nunca por usuários ativos mensais. Lifetime e Self-hosted são pagamento único, sem assinatura.

Free

Grátis para sempre

  • 1 site, 1 assento no time
  • Tours e tooltips
  • Até 3 tours publicados
  • Funil e alertas de passos quebrados
  • Logo da Clew nos tooltips
Comece grátis

Pro

US$ 14,99/mês

14 dias de teste grátis, sem cartão

  • 3 sites, 3 assentos no time
  • Todos os formatos: tours, tooltips, modais, checklists
  • Até 20 tours publicados
  • 1 teste A/B por vez
  • Segmentos e propriedades de usuário
  • Sem o logo da Clew
  • Servidor MCP: gerencie tours pelo Claude, Cursor e ChatGPT
Teste grátis por 14 dias

Lifetime

US$ 499 pagamento único

  • Recursos do Business, para sempre
  • Sites e tours ilimitados
  • 10 assentos no time
  • 5 testes A/B simultâneos
  • Pague uma vez — sem assinatura, sem renovação
Comprar licença

Self-hosted

US$ 1.499 pagamento único

  • Instalado nos seus próprios servidores (on-premises)
  • Os dados nunca saem do seu perímetro
  • Sem limite de sites, assentos, tours ou testes A/B
  • Um ano de atualizações e suporte incluído
  • Para bancos, setor público e setores regulados
Solicitar self-hosted

O Free não tem prazo. Pro e Business têm 14 dias de teste, sem cartão de crédito. Lifetime e Self-hosted são pagamento único, sem assinatura. Preços em dólares americanos.

Avalie-nos no Trustpilot

Compare os planos

Comparação dos planos da Clew
RecursoFreeProBusinessLifetimeSelf-hosted
Sites1310ilimitadoilimitado
Assentos no time131010ilimitado
FormatosTours e tooltipsTodos os formatosTodos os formatosTodos os formatosTodos os formatos
Tours e tooltips publicados320ilimitadoilimitadoilimitado
Testes A/B simultâneosnão incluído155ilimitado
Segmentos e propriedades de usuárionão incluídoincluídoincluídoincluídoincluído
Checklistsnão incluídoBásicosAvançadosAvançadosAvançados
Biblioteca de templates de estilonão incluídoincluídoincluídoincluídoincluído
Papéis e log de auditorianão incluídoincluídoincluídoincluídoincluído
Integrações e webhooksnão incluídonão incluídoem breveem breveem breve
Servidor MCP para assistentes de IAnão incluídoincluídoincluídoincluídoincluído
Histórico de analytics1 mês3 meses12 meses12 mesesIlimitado
Sem o logo da Clewnão incluídoincluídoincluídoincluídoincluído
SuporteDocumentaçãoE-mailPrioritárioE-mailUm ano de suporte e atualizações
HospedagemNuvem Clew (UE)Nuvem Clew (UE)Nuvem Clew (UE)Nuvem Clew (UE)Seus servidores
CobrançaGrátis, sem prazoMensalMensalPagamento únicoPagamento único

Visitantes e visualizações de tooltips não têm limite. Os planos na nuvem seguem uma política de uso justo: se a carga de uma conta for muitas vezes maior que o normal para o plano, entramos em contato e sugerimos um plano mais adequado — não desligamos os seus tours.

Comece com
uma linha

Na nuvem — crie a conta e cole a tag. Self-hosted — suba o servidor e cole a mesma tag.

Criar conta Hospedar por conta própria

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 um checklist antes de publicar. PDF, 2 páginas. O que tem no guia →

O guia está em inglês.