Muitas páginas — Início, Sobre, Serviços, Blog, Contato
✗
Sem objetivo único — o visitante pode fazer mil coisas
✗
Foco em informação — conta a história da empresa
✗
Sem CTA dominante — botões espalhados por toda parte
✗
Conversão baixa — 0,5% a 2% dos visitantes agem
✗
Serve para SEO — ideal para quem quer aparecer no Google organicamente
✅ LP de Alta Conversão
✓
Uma única página — focada em uma só ação
✓
Objetivo único — mandar mensagem no WhatsApp
✓
Foco na dor e solução — problema → promessa → prova → CTA
✓
CTA dominante — botão verde gigante repetido várias vezes
✓
Conversão alta — 5% a 20% dos visitantes agem
✓
Serve para tráfego pago — ideal para Instagram Ads, Google Ads e WhatsApp
💡
A regra de ouro: use LP quando o objetivo é gerar leads ou vendas agora
Site institucional é para quem quer ser encontrado no Google (SEO) e ter presença de marca. LP de alta conversão é para quem quer transformar visitantes em clientes — seja vindo de anúncios, link na bio do Instagram ou QR Code no cartão de visita.
Qual é o seu plano?
Recurso
✦ Free
✦ Pro
Gerar HTML da LP
✓ Sim
✓ Sim
Editar e ajustar o HTML
✓ Sim
✓ Sim
Publicar no Cloudflare Pages
✓ Manual (2 min)
✓ Automático via MCP
Contexto da operação (CLAUDE.md)
✗ Não
✓ Sim — lembra tudo
Múltiplos clientes na mesma sessão
✗ Limitado
✓ Ilimitado
Deploy direto pelo terminal
✗ Não
✓ Sim (wrangler)
Custo
R$ 0
$20/mês (~R$110)
Escolha sua versão:
Versão FreeFunciona 100% no claude.ai sem instalar nada
Tutorial — Claude Code Free
01.
Preparação · 5 min
Faça o Briefing do Negócio
▶
Antes de abrir o Claude, responda essas 5 perguntas num bloco de notas. Elas vão alimentar todos os prompts.
1
Qual é o negócio e onde fica?
Ex: Clínica de estética em Santo André - SP
2
Quem é o cliente ideal?
Ex: Mulheres 28-45 anos que querem emagrecer antes do verão
3
Qual é a dor principal do cliente?
Ex: Tentou academia e dieta, nada funcionou de verdade
4
Qual é a promessa/resultado?
Ex: -5cm na barriga em 4 sessões ou devolve o dinheiro
5
Número de WhatsApp do negócio?
Ex: 55119999999 (com 55 + DDD + número)
02.
Geração · 10 min
Gere o HTML da Landing Page
▶
Acesse claude.ai, abra uma nova conversa e cole o prompt abaixo com as informações do seu briefing preenchidas.
PROMPT 1 — Cole no Claude e preencha os campos
Você é um especialista em landing pages de alta conversão para negócios locais brasileiros.
BRIEFING DO NEGÓCIO:
- Negócio e cidade: [NEGÓCIO - CIDADE]
- Cliente ideal: [DESCREVA]
- Dor principal: [DESCREVA]
- Promessa/resultado: [DESCREVA]
- WhatsApp: [55 + DDD + NÚMERO]
Crie uma landing page completa em HTML/CSS/JS em um ÚNICO arquivo.
ESTRUTURA OBRIGATÓRIA:
1. Header fixo: nome + botão WhatsApp verde
2. Hero: headline forte, subheadline com cidade, CTA verde
3. "Por que não funcionou antes" (3 razões ✗)
4. "Como funciona" (3 passos numerados)
5. 3 depoimentos com nome, bairro e resultado
6. Oferta + garantia em destaque
7. FAQ com 4 perguntas
8. CTA final + botão WhatsApp flutuante
O Claude vai gerar o HTML completo. Selecione tudo → Copie → Salve como index.html em uma pasta no seu computador.
03.
Refinamento · 5 min
Melhore a Copy para Converter Mais
▶
Na mesma conversa do Claude, envie esse segundo prompt para melhorar os textos da LP.
PROMPT 2 — Melhore os textos
Melhore os textos da LP seguindo estas regras:
1. HEADLINE: fórmula [RESULTADO] + [TEMPO] + [SEM objeção]
2. SUBHEADLINE: mencione a cidade ou bairro
3. DEPOIMENTOS: bairro + resultado numérico + tempo
4. CTA: verbo de ação + urgência suave
5. GARANTIA: específica e sem burocracia
Entregue o HTML atualizado completo.
IMPORTANTE: Sempre substitua os depoimentos fictícios por depoimentos reais assim que tiver. Foto real + depoimento real = 3x mais conversão.
04.
Publicação · 3 min
Publique no Cloudflare Pages (Grátis)
▶
Com o index.html salvo na sua pasta, siga esses 4 passos para publicar de graça.
1
Acesse pages.cloudflare.com → faça login ou crie conta gratuita
2
Clique em "Create a project" → "Direct Upload"
3
Arraste a pasta com o index.html para a área de upload
4
Pronto! Você recebe uma URL tipo seusite.pages.dev — grátis para sempre com SSL automático
Quer um domínio personalizado? Compre um .com.br por ~R$40/ano no Registro.br e aponte para o Pages. O Cloudflare configura o HTTPS automaticamente.
05.
Checklist Final
3 Ajustes que Mais Aumentam Conversão
▶
Faça esses ajustes antes de investir em tráfego pago. 80% dos resultados vêm daqui.
📱
CRÍTICOTeste no seu celular
Abra no celular: o botão WhatsApp aparece? O texto está legível? A página carrega rápido no 4G?
📸
CRÍTICOAdicione uma foto real
Substitua os placeholders por uma foto do negócio. LP com foto real converte 2-3x mais que genérica.
💬
Configure o WhatsApp Business
Mensagem automática de boas-vindas: "Olá! Vi que você quer [BENEFÍCIO]. Me conta um pouco sobre você..."
06.
Credibilidade · Bônus
Adicione o Google Maps do Negócio na LP
▶
Incorporar o mapa do Google aumenta a credibilidade e ajuda o cliente a encontrar o endereço. Siga os passos para pegar o código de incorporação.
Como pegar o código do Google Maps
1
Acesse maps.google.com e busque o nome do negócio
2
Clique em "Compartilhar" → "Incorporar um mapa"
3
Copie o código <iframe ...> que aparece
4
Cole o código no Claude com o prompt abaixo
PROMPT — Adicionar Google Maps
Adicione uma seção "Como chegar" antes do rodapé.
Código do mapa: [COLE AQUI O IFRAME DO GOOGLE MAPS]
- Iframe: width=100%, height=350px, border-radius:8px
- Endereço completo abaixo do mapa
- Link "Ver no Google Maps" abrindo em nova aba
DICA: Negócios locais com mapa na LP transmitem mais confiança e credibilidade — o cliente sabe que é um endereço físico real. Selecione tamanho Grande ao gerar o iframe.
ATENÇÃO: Para incorporar o mapa o negócio precisa estar no Google Meu Negócio (business.google.com). É gratuito e também melhora o ranqueamento local.
Versão ProCom Claude Code instalado no terminal + Cloudflare MCP
Tutorial — Claude Code Pro
⚡
VANTAGEM DO PRO
No Pro, o Claude Code vive no seu terminal, tem acesso ao CLAUDE.md com todo o contexto da sua operação, e pode fazer o deploy automático via MCP do Cloudflare — sem abrir o navegador, sem copiar e colar.
01.
Setup único · 15 min
Instale o Claude Code e Configure o CLAUDE.md
▶
Faça isso uma única vez. Depois de configurado, você usa para todos os clientes sem repetir.
Instalar o Claude Code
$curl-fsSL https://claude.ai/install.sh | bash
PS>irm https://claude.ai/install.ps1 | iex
Criar pasta e CLAUDE.md
$mkdir ~/meus-clientes &&cd ~/meus-clientes
$touch CLAUDE.md &&claude
PROMPT → Dentro do Claude Code
Crie um CLAUDE.md para mim. Sou consultor de IA. Crio landing pages para negócios locais. Uso Cloudflare Pages para hospedagem. Sempre gero HTML único, responsivo e com botão WhatsApp.
O CLAUDE.md é o "cérebro" do seu assistente. Ele lembra quem você é e o que faz em todas as sessões — sem precisar explicar de novo.
02.
Preparação · 3 min
Dê o Briefing Direto no Terminal
▶
No Pro, você não precisa de formulário. Simplesmente descreve o cliente no terminal e o Claude já sabe o que fazer.
Crie a LP completa e salve como index.html na pasta do cliente.
VANTAGEM PRO O Claude já sabe seu estilo de trabalho pelo CLAUDE.md. Ele gera direto na pasta certa, no formato certo, sem precisar explicar do zero.
03.
Refinamento · 3 min
Ajuste e Melhore no Mesmo Terminal
▶
Ainda no terminal, peça melhorias diretas. O Claude edita o arquivo automaticamente — você nem precisa copiar o HTML.
PROMPTS DE REFINAMENTO
Melhore os textos: headlines com fórmula resultado+tempo+sem objeção, depoimentos com bairro e resultado numérico, CTAs com verbo de ação.
Mantenha o HTML no mesmo arquivo index.html.
Precisa mudar a cor, adicionar FAQ ou trocar uma seção? Só pedir no terminal. O arquivo é editado na hora, sem copiar e colar nada.
04.
Deploy Automático · 1 min
Publique com um Comando
▶
Com o Cloudflare MCP conectado, o Claude faz o deploy direto pelo terminal — sem abrir o navegador.
SOMENTE PRO Esse passo usa o Cloudflare MCP que você conectou ao Claude Code. Se ainda não conectou, siga o tutorial "Claude Code + GoHighLevel" para ver como conectar MCPs.
PROMPT → Deploy automático
Faça o deploy da pasta ~/meus-clientes/[NOME-DO-CLIENTE]/ no Cloudflare Pages.
Crie um projeto chamado [NOME-DO-CLIENTE]-lp.
Me dá a URL quando terminar.
No Pro, peça o link diretamente no terminal. O Claude busca o iframe e insere na LP automaticamente — sem sair do terminal.
PROMPT — Terminal Claude Code
Adicione seção "Como chegar" na LP do cliente [NOME-DO-CLIENTE].
Link do Maps: [COLE O LINK DO GOOGLE MAPS]
- Iframe: width=100%, height=350px, border-radius:8px
- Endereço abaixo do mapa
- Link "Ver no Google Maps" em nova aba
Salve no index.html da pasta do cliente.
VANTAGEM PRO No Pro, basta colar o link do Maps e o Claude já extrai o embed e insere na LP — sem precisar abrir o Google Maps, clicar em Compartilhar, Incorporar, copiar iframe...
DICA: Negócios locais com mapa na LP têm mais confiança e credibilidade. O cliente vê que é um endereço físico real. Fundamental para clínicas, salões, restaurantes e prestadores de serviço.
