{{ activeTitle }}
Bem-vinda de volta
Olá, {{ firstName }} — bora vender?
{{ painelWelcomeEl }}
Etapas concluídas
{{ painelDone }} / 6
Progresso geral
{{ painelPct }}%
Próximas etapas
{{ step.num }}
{{ step.title }}
{{ step.tag }}
{{ iconShield }}
Liberar acessos
Cadastre quem comprou o produto. A aluna entra com o e-mail e a senha que você definir aqui.
{{ sbError }}
Novo acesso
{{ adErr }}
{{ adOk }}
Acessos liberados ({{ adminUserCount }})
{{ u.name }}
{{ u.email }}
{{ activeLessonTitle }}
{{ lessonMeta }}
Aulas desta trilha
{{ lesson.num }}
{{ lesson.iconEl }}
{{ lesson.title }}
{{ lesson.dur }}
{{ studentInitial }}
{{ ct.label }}
{{ post.initial }}
{{ post.category }}
{{ post.author }}
{{ post.roleBadge }}
{{ post.time }}
{{ post.body }}
{{ post.imageEl }}
{{ post.heartEl }}{{ post.likeCount }}
{{ iconComment }}{{ post.commentCount }}
{{ iconShare }}Compartilhar
42 alunas online
Destaques da semana
Quem mais ajudou a comunidade
{{ t.rank }}
{{ t.initial }}
{{ t.points }} pontos
Combinados daqui
{{ iconCheck }}
{{ r }}
{{ etapaNum }}
{{ etapaEyebrow }}
{{ etapaTitle }}
Progresso da etapa
{{ etapaPctLabel }}
Objetivo desta etapa
{{ etapaObjetivoEl }}
Seu passo a passo
Marque cada item conforme for concluindo — a barra acima sobe junto.
{{ item.checkEl }}
{{ item.label }}
{{ etapaPromptLabel }}
{{ etapaPromptText }}
A regra de ouro
{{ etapaFormulaEl }}
{{ iconTip }}
{{ etapaDicaTitle }}
{{ etapaDicaBody }}
{{ etapaNum }}
{{ etapaEyebrow }}
{{ etapaTitle }}
Progresso da etapa
{{ etapaPctLabel }}
O que você vai sair fazendo
{{ etapaObjetivoEl }}
Por que o Claude Designer
Ele gera a página de vendas em HTML visual completo em segundos — headline, oferta, depoimentos, FAQ e botão de compra. Você não precisa de Elementor, Hotmart Pages nem de programador: descreve o que quer em português e ajusta conversando.
Antes de começar
Tenha isso em mãos para não travar no meio.
{{ item.checkEl }}
{{ item.label }}
Passo 1
Abra o Claude Designer
Acesse claude.ai, clique em New conversation e ative o modo Artifacts clicando no ícone de janela no canto superior direito. É nesse modo que ele gera páginas visuais completas.
Passo 2
Envie essa primeira mensagem
Mensagem para colar no Claude
{{ e4MsgText }}
Passo 3
Cole sua copy quando ele pedir
O Claude vai fazer algumas perguntas antes de gerar. Quando ele pedir o texto da sua página, cole a copy completa que você preparou. Ele vai usar cada bloco para montar a seção correspondente.
Passo 4
Ajuste e publique
Com a página gerada, peça ajustes em linguagem natural — "aumenta a headline", "deixa o botão mais destacado", "adiciona uma seção de FAQ". Quando estiver pronta, copia o código HTML e sobe na sua hospedagem ou cola direto no Hotmart Pages.
{{ iconTip }}
{{ etapaDicaTitle }}
{{ etapaDicaBody }}
Missão concluída quando…
{{ item.checkEl }}
{{ item.label }}
Seus entregáveis
Todo o material do curso, num lugar só. Clique para abrir, preencher com o seu produto e copiar os prompts direto pra IA.
{{ e.iconEl }}
{{ e.title }}
{{ e.meta }}
{{ e.desc }}
Abrir material →
{{ readerHero.eyebrow }}
{{ readerHero.title }}
{{ readerHero.intro }}
{{ readerHero.meta }}
{{ b.eyebrow }}
{{ b.heading }}
{{ p.text }}
{{ b.quote }}
{{ b.label }}
{{ it.num }}
{{ it.title }}
{{ it.desc }}
{{ b.label }}
{{ b.text }}
{{ b.label }}
{{ b.body }}
{{ iconTip }}
{{ b.label }}
{{ b.body }}
{{ b.label }}
{{ b.hint }}
Fórmula{{ b.formula }}
Preencha com o seu produto
Exemplo — Pronto pra Vender
{{ b.example }}
{{ b.label }}
{{ it.checkEl }}
{{ it.title }}
{{ it.desc }}
{{ b.label }}
Use se: {{ b.useWhen }}
O que a IA vai te perguntar
{{ q.n }}
{{ q.text }}
O que você recebe no final
{{ iconCheck }}
{{ o.text }}
Prompt — copie e cole no Claude
{{ b.promptText }}
{{ iconTip }}
{{ b.tip }}
{{ overallPctLabel }}
do mapa
Seu progresso
Continue de onde parou
Sua próxima etapa é a Etapa {{ proximaNum }} · {{ proximaTitle }}.
{{ st.label }}
{{ st.value }}
As 6 etapas do mapa
{{ e.num }}
{{ e.statusLabel }}
{{ e.doneLabel }}
Estamos com você
Precisa de uma mão?
Escolha o melhor canal pra falar com a gente — e dá uma olhada nas dúvidas mais comuns logo abaixo.
{{ c.iconEl }}
{{ c.title }}
{{ c.desc }}
{{ c.cta }}
Perguntas frequentes
{{ f.q }}
+
{{ f.a }}
{{ iconBox }}
{{ activeTitle }}
A navegação já está funcionando — esta é a tela {{ activeTitle }}. Me peça para construir ela em detalhe quando quiser e ela aparece aqui dentro.