Flows
Crie e analise fluxos de adoção de produtos no Flows
Documentação
Construa a adoção do produto
do seu jeito
Liberte-se de gambiarras e componentes rígidos. Flows é uma infraestrutura de adoção de produto que permite que equipes modernas construam qualquer coisa, sem código ou com código total.
Comece grátisInstale com IA
Checklists de onboarding
Tours de produto
Anúncios
Banners
Selos
Pesquisas
Comece com a Acme
Siga estes passos para começar com a Acme. Você pode voltar a isso mais tarde.
1/4
Crie seu primeiro issue
Adicione um comentário
Convide um membro da equipe
Confiado por equipes líderes de engenharia, produto e design
Construa qualquer coisa com Flows
[
Checklist de primeiros passos
](/examples/floating-checklist)
[
Tour de produto interativo
](/examples/tour)
[
Modal de boas-vindas
](/examples/modal)
[
Dica de descoberta de recurso
](/examples/feature-hint)
[
Anúncio de novidades
](/examples/feature-announcement)
[
Pesquisa de feedback do usuário
](/examples/microsurvey)
[
Solicitação de upgrade de gratuito para pago
](/examples/enterprise-upsell)
[
Lembrete de expiração de teste
](/examples/trial-countdown-banner)
[
Passo a passo de estado vazio
](/examples/getting-started-dashboard)
[
Onboarding baseado em função
](/examples/tooltip)
[
Pesquisa NPS
](/examples/nps-survey)
[
Adesão a recurso beta
](/examples/interactive-feature-announcement)
O pacote de adoção de produto
Transforme novos cadastros em usuários avançados. Dê à sua equipe tudo o que ela precisa para orientar, anunciar e converter usuários em cada etapa da jornada.
Tours de Produto
Oriente usuários ao sucesso, passo a passo
Crie tours de produto que integrem novos usuários, destaquem recursos e transformem cadastros em usuários ativos.
Tudo incluído
Componentes prontos para produção, com pixel perfeito, ao seu alcance. Use-os prontos ou personalize-os para se adequar ao seu produto.
Tooltip
Primeiros passos
É aqui que você encontra todos os seus fluxos de trabalho. Clique em próximo para continuar.
Voltar
Próximo
Modal
Bem-vindo à Acme!
Vamos fazer um tour rápido para ajudar você a aproveitar ao máximo nossa plataforma.
Talvez depois
Começar
Dica
Novidades
Adicionamos um novo painel com melhores análises para ajudar você a acompanhar seu progresso.
Saiba mais
Card
Conecte suas ferramentas
Integre com suas ferramentas existentes para otimizar seu fluxo de trabalho.
Conectar
Saiba mais
Checklist
Primeiros passos
2 / 3
Conecte sua primeira fonte
Crie seu primeiro fluxo de trabalho
Convide um membro da equipe
Adicione seus colegas para colaborar em fluxos de trabalho juntos.
Convidar
Tooltip
Primeiros passos
É aqui que você encontra todos os seus fluxos de trabalho. Clique em próximo para continuar.
Voltar
Próximo
Modal
Bem-vindo à Acme!
Vamos fazer um tour rápido para ajudar você a aproveitar ao máximo nossa plataforma.
Talvez depois
Começar
Dica
Novidades
Adicionamos um novo painel com melhores análises para ajudar você a acompanhar seu progresso.
Saiba mais
Card
Conecte suas ferramentas
Integre com suas ferramentas existentes para otimizar seu fluxo de trabalho.
Conectar
Saiba mais
Checklist
Primeiros passos
2 / 3
Conecte sua primeira fonte
Crie seu primeiro fluxo de trabalho
Convide um membro da equipe
Adicione seus colegas para colaborar em fluxos de trabalho juntos.
Convidar
Componentes incorporáveis
Coloque componentes diretamente dentro do seu produto. Não coloque apenas tooltips sobre o seu produto.
Acme Conf 2026
Menos de uma semana restante para obter ingressos virtuais gratuitos para a Acme Conf, nosso evento global.
Análises
Aprenda como os usuários avançam pelos seus tours, quais etapas causam desistência e onde melhorar.
Fluxos de Trabalho
Automatize o que acontece em cada etapa da jornada
Construa experiências em várias etapas que reagem ao que os usuários realmente fazem. Ramifique por função, plano ou comportamento e controle exatamente quem vê o quê e quando.
Descubra os Fluxos de Trabalho
Lógica de ramificação
Mostre etapas diferentes com base na função do usuário, no plano ou no que ele já concluiu.
Atrasos e agendamento
Alcance os usuários no momento certo, não todos de uma vez. Evite sobrecarregar novos cadastros ou alcançar usuários cedo demais.
Executar ações
Atualize propriedades do usuário, adicione usuários a segmentos ou acione webhooks quando uma condição for atendida.
Pesquisas
Colete feedback do usuário que orienta decisões
Execute pesquisas NPS, CSAT, PMF e personalizadas dentro do seu produto. Direcione os usuários certos, colete respostas no contexto e aja com base em feedback real.
Pesquisas flexíveis
Com opções de múltipla escolha, avaliação numérica, entrada de texto, reação por emoji e links. Use um modelo ou crie do zero.
Net Promoter Score (NPS)
Qual a probabilidade de você nos recomendar a um amigo ou colega?
0
1
2
3
4
5
6
7
8
9
10
Nada provável
Extremamente provável
Customer Effort Score (CES)
Qual foi a facilidade de usar nosso produto?
😞
😐
😊
😀
😍
Muito difícil
Muito fácil
Customer Satisfaction (CSAT)
Qual o seu nível de satisfação com nosso serviço?
😞
😐
😊
😀
😍
Muito insatisfeito
Muito satisfeito
Product/Market Fit (PMF)
Como você se sentiria se não pudesse mais usar a Acme?
Não decepcionado
Um pouco decepcionado
Muito decepcionado
Pesquisa com usuários
O que poderíamos melhorar?
Enviar
Net Promoter Score (NPS)
Qual a probabilidade de você nos recomendar a um amigo ou colega?
0
1
2
3
4
5
6
7
8
9
10
Nada provável
Extremamente provável
Customer Effort Score (CES)
Qual foi a facilidade de usar nosso produto?
😞
😐
😊
😀
😍
Muito difícil
Muito fácil
Customer Satisfaction (CSAT)
Qual o seu nível de satisfação com nosso serviço?
😞
😐
😊
😀
😍
Muito insatisfeito
Muito satisfeito
Product/Market Fit (PMF)
Como você se sentiria se não pudesse mais usar a Acme?
Não decepcionado
Um pouco decepcionado
Muito decepcionado
Pesquisa com usuários
O que poderíamos melhorar?
Enviar
Qual a probabilidade de você nos recomendar a um amigo ou colega?
0
1
2
3
4
5
6
7
8
9
10
Nada provável
Extremamente provável
Qual foi a facilidade de usar nosso produto?
😞
😐
😊
😀
😍
Muito difícil
Muito fácil
Qual o seu nível de satisfação com nosso serviço?
😞
😐
😊
😀
😍
Muito insatisfeito
Muito satisfeito
Como você se sentiria se não pudesse mais usar a Acme?
Não decepcionado
Um pouco decepcionado
Muito decepcionado
O que poderíamos melhorar?
Enviar
Qual a probabilidade de você nos recomendar a um amigo ou colega?
0
1
2
3
4
5
6
7
8
9
10
Nada provável
Extremamente provável
Qual foi a facilidade de usar nosso produto?
😞
😐
😊
😀
😍
Muito difícil
Muito fácil
Qual o seu nível de satisfação com nosso serviço?
😞 😐 😊 😀 😍
Muito insatisfeito
Muito satisfeito
Como você se sentiria se não pudesse mais usar a Acme?
Não decepcionado
Um pouco decepcionado
Muito decepcionado
O que poderíamos melhorar?
Enviar
Pesquisas direcionadas
Pergunte apenas aos usuários ou empresas certos, direcionando por propriedade ou comportamento.
É usuário Pro?
Sim
Não
Pesquisa de satisfação
Dicas de upgrade
Analise respostas
Inspecione diretamente no Flows ou exporte dados para o seu data warehouse para uma análise mais profunda junto com suas outras métricas.
4. Como você avaliaria sua experiência?
1.289 de 1.500 pessoas responderam a esta pergunta
Excelente
Boa
Regular
Ruim
Personalização
Controle total sobre cada pixel
Nossa arquitetura headless permite que você personalize cada parte da sua experiência de adoção sem se preocupar com estados complexos de usuário.
Seu código
Editor do Flows
export const Banner = (props) => {
return (
<div>
<div>
<h2>{props.title}</h2>
{!props.hideCloseButton && (
<button onClick={props.close}>
Close
</button>
)}
</div>
<div>
<p>{props.description}</p>
<a href={props.buttonLink}>
{props.buttonLabel}
</a>
</div>
</div>
);
};
Banner
Título
Descrição
Menos de uma semana restante para obter ingressos virtuais gratuitos para a Acme Conf, nosso evento global.
Texto do botão
Link do botão
Ocultar botão de fechar
Acme Conf 2026
Menos de uma semana restante para obter ingressos virtuais gratuitos para a Acme Conf, nosso evento global.
Registrar
Componentes personalizados
Construa com seu próprio design system. Sem mais widgets genéricos que conflitam com a interface do seu produto.
Personalize o tema
Altere cores, tipografia e espaçamento para combinar com seu aplicativo sem reconstruir tudo do zero.
Construa com nossos SDKs de código aberto
Que dão a você controle total. Documentados, extensíveis e construídos por desenvolvedores para desenvolvedores.
Preços
Pague apenas por usuários integrados
Pare de pagar por cada usuário no seu banco de dados. Com o Flows, você paga apenas pelos usuários que realmente veem uma experiência, tornando-o a ferramenta de adoção de produto mais econômica em qualquer escala.
Quantos usuários integrados mensais você espera ter?
100
1.250
6.000
18.750
+50.000
Hobby
Para desenvolvimento pessoal, prototipagem e testes.
Grátis
100 MTUs
-
Sem necessidade de cartão de crédito
-
Pré-visualização de componentes personalizados
-
Fluxos de trabalho ilimitados
-
Suporte da comunidade
Pro
Tudo o que você precisa para construir e escalar sua adoção de produto
$30
/ mês
600 MTUs
-
Tudo do Hobby, mais:
-
Remova a marca do Flows
-
Componentes personalizados
-
Suporte prioritário
Perguntas frequentes
O que posso construir com o Flows?
O Flows oferece os blocos de construção para qualquer experiência de adoção dentro do produto: tours de onboarding, anúncios de recursos, checklists, pesquisas, tooltips, modais de boas-vindas e muito mais. Como você constrói com seus próprios componentes e design system, não há limites. Você não está restrito ao que um fornecedor decidiu entregar.
Como o Flows é diferente do Appcues, Chameleon ou WalkMe?
A maioria das ferramentas de adoção de produto oferece um conjunto fixo de componentes e espera que você os adapte ao seu produto. O Flows funciona ao contrário. Você decide o que é construído e como fica. Use nossos componentes integrados, personalize-os ou substitua-os inteiramente pelos seus. Seu design system permanece intacto e não há widget de terceiros competindo com sua interface.
Quanto tempo leva para começar?
Você pode instalar o SDK e ter sua primeira experiência rodando em menos de 30 minutos. Começar é um único npm install e algumas linhas de código de inicialização. A partir daí, criar experiências leva minutos no editor — sem esperar por deploys.
Existe um plano gratuito?
Sim. Você pode começar gratuitamente sem limite de tempo. O plano gratuito cobre tudo o que você precisa para construir e lançar suas primeiras experiências. Planos pagos desbloqueiam limites de uso maiores e suporte prioritário.
Como o preço é calculado?
O preço é baseado em usuários monitorados mensais (MTU) — o número de usuários únicos que veem uma experiência do Flows em um determinado mês. Você não é cobrado por cada usuário que visita seu produto, apenas por aqueles que interagem com o conteúdo do Flows. Assentos de equipe são ilimitados e gratuitos, então você pode ter toda a sua equipe criando experiências sem se preocupar com custos.
Preciso de engenheiros para criar e atualizar experiências?
Depende de como você quer trabalhar. Colegas não técnicos podem criar e atualizar experiências usando o editor sem código. Engenheiros podem ir mais fundo — escrevendo componentes personalizados, integrando-se ao seu design system e usando o SDK diretamente. Ambos os caminhos são cidadãos de primeira classe no Flows, para que sua equipe possa trabalhar da maneira que fizer sentido para a experiência que você está construindo.
Posso migrar minhas experiências existentes de outra ferramenta?
Não diretamente - experiências de ferramentas como Appcues ou Chameleon não podem ser importadas automaticamente. Mas podemos ajudar você a migrar, e oferecemos uso gratuito até seu contrato atual expirar, para que não haja sobreposição de custos durante a migração.
O Flows funciona com meu sistema de design existente?
Sim, e essa é uma das principais razões pelas quais as equipes escolhem o Flows. Você pode criar experiências de adoção usando seus próprios componentes, tokens e estilos, em vez de lutar com um widget de terceiros. Se você já tem um botão, um modal ou uma dica de ferramenta no seu sistema de design, pode usá-lo diretamente no Flows.
Quanto posso personalizar a aparência?
O quanto você quiser. Se você só precisa de alguns ajustes, pode tematizar nossos componentes integrados com suas cores e tipografia. Se precisar de algo mais específico, pode substituir qualquer componente inteiramente pelo seu próprio. Não há teto de estilização - o Flows renderiza dentro do seu aplicativo, então tudo o que seu aplicativo pode renderizar, o Flows pode renderizar.
Posso criar componentes de UI totalmente personalizados?
Sim. O Flows tem uma API de componentes que permite criar qualquer UI que você quiser e conectá-la ao mecanismo de adoção. Seus componentes personalizados recebem o mesmo direcionamento, sequenciamento e análise que os integrados. É assim que equipes com sistemas de design maduros evitam completamente o problema do "widget fora da marca".
Quais frameworks e linguagens o Flows suporta?
O Flows funciona com qualquer produto baseado na web. Temos um SDK React e um SDK JavaScript, para que o Flows possa ser usado com Next.js, React, Vue, Angular, Svelte, JavaScript puro ou qualquer outro aplicativo baseado em JS. Se o seu produto roda em um navegador, o Flows pode rodar nele.
O Flows suporta localização e vários idiomas?
Sim. O Flows suporta localização pronta para uso. Você pode criar experiências em qualquer idioma, e o SDK do Flows renderizará a versão correta com base no local do usuário. Isso permite que você ofereça uma experiência perfeita para usuários em todo o mundo.
O Flows deixará meu aplicativo mais lento?
Não. O SDK do Flows é leve e carrega de forma assíncrona, então nunca bloqueia seu caminho crítico de renderização. As experiências só carregam quando são necessárias, e nada é exibido até que um usuário corresponda a uma condição de direcionamento.
Transforme iniciantes em usuários avançados
O Flows é a única plataforma de adoção de produtos que permite construir qualquer coisa. Cadastre-se hoje e tenha sua primeira experiência no ar em menos de 30 minutos.