Landing page SaaS é uma página única focada em converter visitante em trial, demo ou cadastro de produto digital recorrente. Diferente de LP de e-commerce ou de serviço local, ela precisa explicar o problema, o produto, a economia (CAC e LTV) e o caminho de adoção em segundos. O comprador B2B é cético, técnico e tem comparativo aberto na aba ao lado.
Este post é sobre como estruturar uma LP SaaS que converte de verdade. Não galeria de exemplos. Não "8 dicas que funcionam em qualquer caso". Estrutura técnica por estágio do funil, copy ancorado em financeiro, tracking server-side e pareamento com tráfego pago.
LP SaaS é leitura de financeiro, não headline persuasiva
A diferença começa antes do copy. LP de info-produto vende emoção: você compra o curso porque acredita que vai mudar de vida. LP de e-commerce vende objeto: você compra a tênis porque ela tá no preço. LP SaaS vende dois números — quanto custa entrar e quanto vale ficar.
O comprador B2B SaaS olha pra LP com três perguntas em mente. Quanto tempo até dar valor? Quanto custa por mês? Quanto custa sair? Se a página não responde os três em 30 segundos, o lead vai embora. E SaaS é mercado de comparativo: ele vai abrir a página do concorrente em outra aba.
LP SaaS vs LP de e-commerce
LP de e-commerce converte pelo gatilho: preço, desconto, frete grátis, escassez. O ciclo de decisão é curto, geralmente impulsivo, e o ticket é único. LP SaaS converte pelo cálculo: o lead lê a página com a calculadora aberta. Ticket é recorrente: R$ 99/mês × 24 meses dá um LTV de R$ 2.376, e a página precisa justificar esse comprometimento.
Estrutura também muda. LP de e-commerce tem foto, preço grande, botão verde. LP SaaS tem demo, comparativo, cálculo de ROI, prova social técnica (logos de quem já usa). A foto vale pouco. O screenshot da interface vale tudo.
LP SaaS vs LP de info-produto
LP de info-produto é mestre em copy persuasivo: gatilhos mentais, prova social emocional ("João transformou a vida em 30 dias"), garantia agressiva. LP SaaS B2B onde o comprador é diretor financeiro ou CTO não responde a isso. Pelo contrário: gatilho exagerado queima credibilidade.
O que funciona em SaaS B2B é o oposto: claim conservador, número que você consegue defender em reunião, demo curta que mostra o produto na cara, copy que leva sério a inteligência do comprador.
A estrutura muda por estágio do funil
Tratar "LP SaaS" como uma estrutura única é o erro mais comum. A página de Free Trial PLG não tem nada a ver com a página de Demo Booking sales-led. Confundir os dois mata a conversão dos dois.
| Estágio | Densidade | CTA | Form | Quando usar |
|---|---|---|---|---|
| Free Trial (PLG TOFU) | Baixa, foco em "ver na hora" | "Começar grátis" | Email + senha (2 campos) | Produto self-serve, ticket baixo, valor evidente em 5 minutos |
| Demo Booking (sales-led MOFU) | Alta, foco em qualificação | "Agendar demo" | Cargo + empresa + tamanho (5-7 campos) | Ticket alto, ciclo de venda longo, ICP definido |
| Wait List (pre-launch) | Mínima, foco em curiosidade | "Entrar na lista" | Email + role | Antes do lançamento, validar interesse |
| Self-Serve Signup (PMF maduro) | Média, foco em pricing transparente | "Criar conta" | Email + plano (3 campos) | Produto consolidado, conversão de cauda |
LP de Free Trial (PLG TOFU)
A regra de ouro do PLG: o lead precisa entender o produto antes de criar a conta. Hero curto, sub-headline com proposta de valor em uma frase, screenshot da interface, CTA "Começar grátis" acima da dobra. Form com 2 campos. Pode pedir nome se quiser, mas não pede empresa, cargo, telefone, tamanho. Se pedir, perde 30% da conversão sem ganhar nada (o trial vai filtrar quem não é ICP).
LP de Demo Booking (sales-led MOFU)
Aqui é o oposto. Vendedor caro precisa qualificar. Form com 5-7 campos: nome, email corporativo, empresa, cargo, número de funcionários, ferramenta atual, prazo de decisão. Página mais longa, com seção dedicada a ROI, comparativo, segurança e compliance. CTA "Agendar demo" ou "Falar com vendas". A página vende o vendedor antes de vender o produto.
LP de Wait List (pre-launch)
Pré-lançamento é exercício de curiosidade. Hero misterioso, copy enxuto, prova social mínima ("X pessoas na lista"), CTA "Entrar na lista". O objetivo não é converter agora — é construir lista pra lançar pra ela depois. LPs de wait list que tentam vender o produto antes da hora viram piada do mercado.
LP de Self-Serve Signup (PMF maduro)
Quando o produto já tem PMF e self-serve funciona, a LP vira escada. Pricing transparente acima da dobra, comparativo de planos, CTA "Criar conta" no plano que você quer empurrar. Foco em remover atrito, não em educar.
Os 8 elementos que toda LP SaaS precisa
Independente do estágio, esses 8 elementos aparecem em toda LP SaaS que converte. A densidade muda, mas a presença não.
1. Hero com proof number, não foto stock
Foto de funcionário sorrindo num escritório aberto não converte SaaS B2B. Number on the hero converte. "94% dos clientes renovam no segundo ano." "Reduzimos o tempo de fechamento de 18 dias pra 4." O número precisa estar no primeiro screen, próximo do CTA principal, com fonte (cliente nominal ou estudo público).
2. Sub-headline ancorada em CAC e LTV
Sub-headline não é resumo do hero. É leitura de financeiro. "R$ 49/mês economiza R$ 1.200 em horas de operação por mês." "ROI em 60 dias na média dos clientes desde 2023." O comprador B2B precisa de matemática, não de adjetivo.
3. Demo visual: Loom embedded, GIF longo ou interactive tour
Vídeo institucional de 90 segundos com narrador profissional não funciona em SaaS B2B. Funciona Loom de 2 minutos do fundador mostrando a tela, ou um GIF longo com a interface real, ou um tour interativo (Storylane, Navattic, Arcade). O que conta é mostrar o produto, não falar dele.
4. Social proof estruturado
Logo de cliente sozinho não vale tanto. Logo de cliente + número vale muito. "Usado por 240 empresas" é mais forte do que 8 logos coloridas. Logo de cliente + número + métrica é o ideal: "Reduziu 32% do tempo de onboarding na Smart Capta." Quem não tem case com número, mostra logos com fonte clara (categoria, vertical, escala).
5. "Como funciona" em 3 passos, não 8
Comprador não tem paciência pra fluxo de 8 passos. Mostra em 3, com ícone simples e copy de uma linha. "1. Conecte sua conta. 2. Configure as regras. 3. Receba o relatório." Se o produto é mais complexo que isso, a página de "como funciona" não é o lugar pra explicar.
6. Pricing transparente com simulação
"Sob consulta" é antiprofissional em SaaS. O comprador B2B fecha a aba. Mostra os 3 tiers com preço, ou um simulador (slider de número de usuários × preço por usuário), ou pelo menos uma faixa ("planos a partir de R$ 79/mês"). Se for enterprise puro, mostra "preço por proposta, com fechamento médio em 30 dias com tickets entre R$ X e R$ Y/mês".
7. FAQ que responde objeções reais
FAQ genérico ("o que é SaaS?") não serve. FAQ útil responde as 5 objeções que o vendedor escuta toda semana. "Funciona com QuickBooks?" "Posso cancelar a qualquer momento?" "Como vocês tratam LGPD?" "Quanto tempo de onboarding?" "Tem white-label?" Pergunta vem da venda real, não do brainstorming.
8. CTA persistente (sticky on scroll)
Em LP de mobile, principalmente, o usuário rola muito. Se o CTA principal sumir depois do hero, perde o lead. Sticky bar no topo ou no rodapé com botão "Começar grátis" ou "Agendar demo". Discreta, mas sempre presente.
Tracking server-side: por que client-side falha em SaaS
Aqui é onde a maioria das LPs SaaS perde lead silenciosamente.
O que ad-blocker, ITP e iOS ATT bloqueiam
Tracking client-side puro (GA4 com gtag, Meta Pixel direto, HubSpot tracking via JS) não funciona pra parte do tráfego. Ad-blocker (cerca de 30% dos usuários técnicos) bloqueia o pixel inteiro. Safari ITP limita cookies de terceiros a 7 dias. iOS ATT pede permissão pro tracking, e a maioria dos usuários nega. Ou seja: a sua LP pode estar convertendo 8% mas o GA4 mostrar 5%, e você decide cortar campanha que tava performando.
A perda silenciosa é o problema. Você não sabe que tá perdendo, e otimiza com dado errado. SaaS B2B que escala em mídia paga é especialmente afetado, porque o comprador técnico tem ad-blocker.
Stack que recomendamos
Em LPs SaaS sob medida em Next.js, a Huios configura tracking server-side por padrão. O fluxo: o evento sai do navegador pro middleware Next.js (ou direto pro GTM Server-Side container hospedado em Cloud Run ou via Stape), e do servidor pro destino (GA4, Meta CAPI, Google Ads Enhanced Conversions, HubSpot). Atribuição mais limpa, dado consistente, e o user agent do servidor não é bloqueado por ad-blocker.
Para Core Web Vitals e métricas de performance reais, web.dev explica os trade-offs. LP em Next.js com tracking server-side e edge runtime fecha LCP em menos de 1,5s mesmo com 4 ou 5 sources de tracking, coisa que builder não consegue.
Search Ads vs Demand Gen Ads: LPs diferentes
Pareamento de LP com tráfego pago mata mais campanha do que copy ruim. A LP precisa servir a origem do tráfego, e Search e Demand Gen são origens opostas.
Search = comprador no fundo
Quem clica em anúncio de Search já buscou "software de gestão de obra". Tá no fundo do funil, comparando opções. A LP que converte tráfego de Search é específica: keyword no hero, comparativo com concorrente conhecido (se a query era "Asana vs ClickUp", o anúncio levou pra LP que compara), CTA direto ("Começar grátis", "Agendar demo"). Form mais longo é OK. O lead tá pronto pra qualificar.
Demand Gen = descoberta no topo
Demand Gen Ads (YouTube, Discover, Gmail) entrega anúncio pra quem não buscou nada. É topo de funil: descoberta. A LP que converte aqui é educacional: precisa explicar o problema antes de mostrar o produto, copy mais longo, CTA softer ("Saiba mais", "Receber o guia"). Form de 2 campos. Se você jogar tráfego de Demand Gen na LP de Search, a conversão despenca.
Misturar mata a conversão
O erro clássico: usar a mesma LP pra Search e Demand Gen porque "é mais barato manter uma só". A página fica ambígua, nem específica o suficiente pro comprador de fundo, nem educativa o suficiente pro lead de topo. Ambos saem.
A solução é estrutura de campanhas com LPs separadas e tracking server-side preciso pra atribuir corretamente. Custa mais pra montar, paga em ROAS no segundo mês.
Builder ou código próprio? Quando cada um faz sentido
A pergunta não é builder ou código. É quanto vale ficar no builder.
Builder serve até MRR ~R$ 500 por cliente
Webflow, Unbounce, Klickpages, Framer — todos funcionam. Time-to-market rápido, sem tech debt, drag-and-drop pro time de marketing. Faz sentido enquanto o LTV é baixo e a conversão marginal não justifica investimento técnico. Pra MVP de SaaS pré-PMF, builder é a escolha certa.
Código serve quando LTV passa de R$ 5k por cliente
Quando o LTV cresce, a conversão marginal vira dinheiro. 0,5 ponto percentual de conversão a mais em LTV de R$ 5k significa muito por lead. Aí compensa sair do builder e codar. O ganho não é só CWV (que builders entregam OK em 2026). É controle de animação custom, tracking server-side, integração com produto interno, pricing dinâmico, A/B testing infinito.
| Critério | Builder (Webflow, Unbounce) | Código próprio (Next.js) |
|---|---|---|
| Time-to-launch | 1-2 semanas | 4-8 semanas |
| Custo inicial | R$ 200-500/mês de plataforma | R$ 4-12k de implementação |
| LCP médio | 1,8-2,5s | 0,8-1,4s |
| Tracking server-side | Limitado a integrações da plataforma | Customizado, sem teto |
| Custom animação | Limitado a presets | Sem teto (GSAP, motion) |
| Quando vence | LTV < R$ 5k, MVP, time só de marketing | LTV > R$ 5k, escala em mídia paga, PLG maduro |
Em sistemas SaaS sob medida, a Huios codifica LP e produto no mesmo Next.js, com atribuição via mesmo middleware, design system compartilhado, deploy unificado.
Smart Capta: a LP que conectou R$ 40M em incentivo fiscal
A Smart Capta é uma plataforma B2B que casa empresa patrocinadora com projeto aprovado em lei de incentivo (Rouanet, ProAC, Lei do Esporte e mais 8). O desafio era específico: o comprador é CFO ou diretor financeiro, e ESG não vendia.
Quando começamos, o copy original tava cheio de "transforme sua empresa em agente de impacto social". Boas intenções, mensagem errada. CFO não decide patrocínio por ESG. Decide por dedutibilidade fiscal. A pergunta dele é: "quanto eu pago em imposto e quanto desse imposto vira marketing pra mim?".
Reescrevemos o hero. Headline virou "Imposto em impacto". Sub-headline com a matemática: até 4% do imposto devido vira patrocínio dedutível, com brand exposure mensurável. Lead magnet trocou de "manifesto ESG" pra "diagnóstico fiscal gratuito", num formulário de 4 campos que retornava em 24h um número concreto: "sua empresa pode patrocinar até R$ X em projetos de incentivo este ano".
Resultado: a LP virou porta de entrada pra plataforma que conectou R$ 40 milhões entre patrocinadores e projetos via Lei Rouanet, ProAC e outras. O caso completo está em /cases/smart-capta, mas o princípio se aplica a qualquer LP SaaS B2B: copy de SaaS é leitura de financeiro, e o ICP que você imagina nem sempre é o ICP que paga.
Perguntas frequentes
Quanto tempo leva pra criar uma LP SaaS sob medida?
Em código próprio (Next.js, design custom, tracking server-side, integração com produto), 4 a 8 semanas. Em builder, 1 a 2 semanas. O que come tempo não é dev — é discovery (entender funil, ICP, oferta) e copy (que é onde a conversão acontece). Atalhar discovery pra ganhar 2 semanas custa 6 meses de underperformance.
Posso usar template e adaptar?
Pode, mas template típico do Webflow ou ThemeForest não foi feito pra SaaS B2B brasileiro. Ele foi feito pra SaaS internacional genérico, com copy que não traduz, hero que não converte e estrutura de form que não qualifica. O risco é trocar 8 semanas de dev custom por 4 semanas de adaptação que vira o mesmo template visualmente diferente. Template serve pra MVP, não pra LP que sustenta funil.
Quanto custa uma LP SaaS profissional?
Em mercado brasileiro 2026: R$ 3-8k em builder com customização razoável; R$ 8-20k em código próprio (Next.js, tracking server-side, design custom, integração com produto); R$ 25k+ se inclui A/B testing infraestrutura, pricing dinâmico, ou animações cinematográficas. Investimento que se paga em 60-120 dias se a LP serve campanha de mídia paga ativa.
Builder ou código próprio: vale custom mesmo?
Vale quando LTV passa de R$ 5k por cliente, quando você roda mídia paga consistente e a conversão marginal vira ROI direto, ou quando o produto exige integração customizada (login, pricing por usuário, dashboard embedded). Não vale pra MVP pré-PMF, pra LP de campanha de 30 dias, ou pra projeto onde você ainda tá descobrindo a oferta.
Como fazer A/B test em LP SaaS?
Em builder: ferramentas nativas (Unbounce A/B, Webflow Optimize). Em código próprio: feature flag em variação no servidor + tracking server-side pra atribuir conversão sem viés. Regra de teste: variável uma só, traffic split mínimo de 1.000 sessões por variante, rodar até significância estatística (não parar em "tá ganhando" no dia 3). A/B test sem rigor estatístico é teatro.
Próximo passo
Se você está construindo uma LP SaaS B2B e quer estrutura que respeita CAC/LTV, tracking server-side e pareamento real com Search e Demand Gen, esse é o tipo de criação de landing page sob medida em Next.js que entregamos. Discovery, copy ancorado em financeiro, código próprio, e a conta de mídia paga rodando ao lado pra fechar o ciclo.
Publicado em 29 de abril de 2026 · Por Equipe Huios
