Manual de Uso · Passo a Passo

Sua página de vendas pronta
em 7 passos simples

O Livable cria páginas de vendas profissionais usando Inteligência Artificial. Você não precisa saber nada de tecnologia ou design — é só seguir este guia.

Neste manual
  1. Criar o seu projeto
  2. Gerar a página com IA
  3. Ajustar conversando com a IA
  4. Ajustes manuais (seções e textos)
  5. Adicionar animações
  6. Conferir no celular
  7. Publicar e divulgar
  8. Dicas de ouro
  9. Dúvidas frequentes
  10. Glossário para leigos
1

Criar o seu projeto

2 minutos · é aqui que a mágica começa

Na tela inicial, clique em + Nova Página. Vai abrir um formulário com 3 passos. Quanto mais detalhe você der aqui, melhor a IA escreve a sua página — não economize nas palavras!

CampoO que escrever
Nome da páginaUm nome para você identificar o projeto. Ex: "Workshop de Agosto"
Nome do produtoO nome oficial do que você vende. Ex: "Imersão EssêncIA para Negócios"
Nicho / ÁreaSeu mercado. Ex: "IA para terapeutas e coaches"
PreçoO valor de venda. Ex: "R$ 97" ou "12x de R$ 97"
Tipo de página🧊 Low-Ticket (produto barato) · 💎 High-Ticket (mentoria cara) · 🎯 Webinário (inscrição em aula) · 🚀 Lançamento (com bônus e prazo)
✍️ Exemplo de um bom "Avatar" (quem compra) "Mulheres terapeutas e coaches de 35 a 55 anos, que já atendem clientes mas têm medo de serem substituídas pela IA. Não entendem de tecnologia, têm pouco tempo livre e querem um passo a passo simples."
✍️ Exemplo de uma boa "Transformação" "Sair do medo da tecnologia para usar a IA como assistente do consultório em 4 semanas — criando conteúdo, organizando a agenda e atendendo melhor, sem perder o toque humano."

No último passo, escolha o tema visual (as cores da página). Não se preocupe: dá para trocar depois. Clique em Criar e Abrir Editor →

2

Gerar a página com IA

1 clique + 2 minutos de espera

Você está no editor. Do lado esquerdo há abas; clique na aba Gerar e depois no botão grande ✦ Gerar Página Completa.

A IA (Claude, a mais avançada do mundo) vai escrever e desenhar a sua página inteira: título, promessa, dores, benefícios, oferta, depoimentos, garantia, perguntas frequentes e botão de compra — tudo já com animações e adaptado para celular.

⏳A geração leva de 1 a 2 minutos. É normal! A IA está escrevendo uma página inteira do zero. Não feche a aba do navegador — quando terminar, a página aparece no centro da tela.
⚠️Os depoimentos gerados são exemplos fictícios para você ver o formato. Antes de divulgar a página, troque pelos depoimentos reais dos seus clientes (Passo 3 ou 4 ensinam como).
3

Ajustar conversando com a IA

a parte mais divertida — peça e ela faz

Clique na aba Chat IA. Aqui você conversa com a IA como se fosse uma designer contratada: descreva o que quer mudar em português normal e ela altera a página na hora.

Exemplos de pedidos que funcionam muito bem:

Troca o primeiro depoimento por este: "Depois do curso da Lívia, fechei 3 clientes novos em 2 semanas" — Mariana Souza, psicóloga de Goiânia
Deixa o título principal mais forte e direto, falando de liberdade de tempo
Muda o fundo do topo para um gradiente azul escuro com dourado
Adiciona uma seção me apresentando: sou terapeuta há 15 anos, atendi mais de 2.000 clientes...
Põe o link do meu checkout em todos os botões de compra: https://pay.hotmart.com/exemplo
📸Você pode enviar fotos! Arraste uma foto sua (ou clique em "Adicionar foto ou print") e peça: "usa essa foto na seção sobre mim". Também funciona com print de uma página que você gostou: "deixa o topo parecido com esse print".
↩️Não gostou de uma mudança? Clique em "Desfazer última alteração" logo acima do campo de mensagem, ou no botão ↩ no topo.
4

Ajustes manuais

para quem gosta de colocar a mão na massa

✏️ Corrigir um texto rapidinho: clique no botão Texto no topo. O preview vira um "documento editável" — clique em qualquer frase da página e digite por cima. Quando terminar, clique em Texto de novo para salvar.

🧩 Reorganizar a página: na aba Seções você vê a lista de todas as partes da página (Hero, Dor, Oferta...). Use as setas ↑ ↓ para mudar a ordem, o ✕ para excluir uma parte, e clique no nome para o preview rolar até ela.

➕ Acrescentar uma parte nova: na aba Blocos, clique no bloco desejado (ex: "Urgência" ou "Números") e ele entra no final da página — depois é só pedir no Chat IA para preencher com o seu conteúdo.

5

Adicionar animações (motion design)

o toque profissional que impressiona

Na aba Animar existem 3 botões de preset:

  • 🌿 Suave — os elementos aparecem deslizando de baixo para cima conforme a pessoa rola a página. Elegante, funciona para tudo.
  • ⚡ Dinâmico — entradas pelas laterais, cards com zoom e o botão de compra pulsando. Mais chamativo, ótimo para lançamentos.
  • 🚫 Remover — tira todas as animações, se preferir a página estática.

Para efeitos especiais, peça no Chat IA:

Faz os números da seção de resultados subirem animados de 0 até o valor
Põe um brilho passando no botão de compra
Deixa o fundo do topo com gradiente animado em movimento
👀Para ver as animações funcionando, role o preview de cima a baixo — elas acontecem quando cada parte entra na tela.
6

Conferir no celular

a maioria dos seus clientes vai ver por lá

No centro do topo do editor há 3 ícones: 🖥️ computador · 📱 tablet · 📱 celular. Clique no ícone de celular para ver como a página fica na tela pequena.

Se algo ficar estranho no celular (texto muito grande, coisas apertadas), peça no Chat IA: "ajusta a seção de oferta para ficar melhor no celular".

Para ver a página em tamanho real, clique em 👁 Preview — ela abre em uma nova aba do navegador, exatamente como o cliente verá.

7

Publicar e divulgar

sua página no ar com 1 clique

Quando estiver satisfeita, clique no botão roxo 🚀 Publicar no topo do editor. Pronto! Sua página ganha um link público na internet, algo como:

paginas.neuroalquimia.site/p/nome-da-sua-pagina

O link já é copiado automaticamente — é só colar no WhatsApp, na bio do Instagram ou nos seus anúncios. Na janelinha que abre você também pode Abrir a página ou Despublicar (tirar do ar).

  • Fez mudanças depois de publicar? Clique em 🚀 Publicar de novo para atualizar a versão que está no ar.
  • Quer o arquivo da página? O botão Exportar baixa o HTML completo para hospedar onde quiser.
🟢Na tela inicial (Meus Projetos), as páginas publicadas mostram o selo "No ar" — clique nele para abrir a página pública.
★

Dicas de ouro

o que separa uma página boa de uma página que vende
  • Capriche no avatar e na transformação ao criar o projeto. A IA escreve para a pessoa que você descrever — descrição vaga = página genérica.
  • Um pedido de cada vez no Chat IA. Em vez de "muda o título, a cor e a oferta", faça 3 pedidos separados. Sai melhor e é mais fácil desfazer.
  • Troque os depoimentos fictícios pelos reais antes de divulgar. Prova social falsa destrói a confiança (e pode dar problema).
  • Coloque o link real de pagamento nos botões (peça no chat: "põe este link em todos os botões de compra: ...").
  • Salve com Ctrl+S de vez em quando (o app também salva sozinho a cada minuto).
  • Leia a página em voz alta antes de publicar. Se soar estranho falado, peça para a IA reescrever mais natural.
?

Dúvidas frequentes

problemas comuns e como resolver
A página está em branco / não aparece nada no centro
Você ainda não gerou o conteúdo. Vá na aba Gerar e clique em ✦ Gerar Página Completa. Se preferir montar por partes, use a aba Blocos.
Como faço para entrar? Preciso criar conta?
Não precisa de conta nova: use o mesmo e-mail e senha do Laboratório EssêncIA. Se você estiver navegando pelo Laboratório, também dá para entrar direto pelo card do app, sem digitar senha. Ainda não é assinante? laboratorio.neuroalquimia.com.br
Deu erro de "chave de IA não cadastrada"
O app usa a sua chave da Anthropic — a mesma que você cadastrou ao entrar no Laboratório (em "Minha Conta"). Se aparecer esse aviso, confira se a chave está cadastrada lá, ou cole-a no ícone de engrenagem ⚙️ aqui no editor (começa com sk-ant-...).
A geração está demorando muito
A página completa leva de 1 a 2 minutos — é uma IA escrevendo tudo do zero. Se passar de 5 minutos, recarregue a página do editor e tente de novo.
Fiz uma mudança e ficou ruim. E agora?
Clique em "Desfazer última alteração" (aparece acima do campo do chat) ou no botão ↩ no topo. Dá para desfazer as últimas 10 alterações.
As animações não aparecem
As animações acontecem quando você rola a página — cada parte anima ao entrar na tela. Role o preview de cima a baixo. Se ainda assim nada se mover, aplique um preset na aba Animar.
Como tiro minha página do ar?
No editor, clique em 🚀 Publicar e depois em Despublicar na janelinha que abre. O link público deixa de funcionar na hora (seu projeto continua salvo no app).
Posso usar a página no meu próprio site/domínio?
Sim! Clique em Exportar para baixar o arquivo HTML completo (com animações incluídas) e envie para a sua hospedagem, ou peça ajuda ao suporte para configurar um domínio próprio.
Editei o texto com o botão "Texto" mas não salvou
O salvamento acontece quando você clica no botão "Texto" pela segunda vez (para desligar o modo de edição). Ligue → edite → desligue. O aviso "Texto salvo ✓" confirma.
Aa

Glossário para leigos

os termos que aparecem no app, sem tecniquês
HeadlineO título principal da página — a primeira frase que a pessoa lê.
CTA"Chamada para ação": o botão que a pessoa clica para comprar ou se inscrever.
HeroO topo da página — a primeira tela que aparece, com título e botão.
AvatarO retrato do seu cliente ideal: quem é, o que sente, o que quer.
SeçãoCada "bloco" da página: dores, benefícios, oferta, garantia, FAQ...
PreviewA visualização da página, do jeito que o cliente vai ver.
PublicarColocar a página na internet, com um link para compartilhar.
ExportarBaixar o arquivo da página para usar fora do app.
Low-TicketProduto de preço baixo (até ~R$ 200), vendido para público frio.
High-TicketProduto caro (mentorias, consultorias) — a página convida para uma conversa.
Prova socialDepoimentos e números que mostram que seu produto funciona.
Motion designAs animações da página: elementos que surgem, números que sobem.

Agora é com você ✦

Volte para o app e crie a sua primeira página. Em menos de 10 minutos ela pode estar no ar.

Criar minha página agora →