• Como criar uma Landing Page 100% com IA

    Do subdomínio ao site no ar, sem escrever código na mão

    • Passo 1
      +
      • Antes de gerar qualquer coisa, prepare a base na Hostinger. É aqui que a landing page vai morar e onde as fotos ficam hospedadas.
      • Criar o subdomínio
        +
        • Dentro do painel da Hostinger, crie o subdomínio onde a landing page vai ficar publicada. Exemplo: agenda.seudominio.com.br
        • Guarde esse endereço. É nele que você vai subir os arquivos no Passo 3.
      • Criar a pasta assets e subir as fotos
        +
        • Dentro do subdomínio, crie uma pasta chamada assets e suba ali todas as imagens que a landing page vai usar.
        • Copie o link público de cada foto. Cada imagem vai ter um endereço próprio, tipo agenda.seudominio.com.br/assets/foto1.jpg
        • Cole esses links no prompt. Assim a IA já monta a página com as suas fotos reais no lugar certo, sem imagem genérica.

      • Subir as fotos primeiro economiza muito retrabalho. Com os links prontos, a IA gera a página já com as imagens certas e você não precisa trocar foto por foto depois.

      • Ainda não tem a Hostinger? Contrate com descontoCupom já aplicado no link
    • Passo 2
      +
      • Com a base pronta, acesse o sistema de prompts. Ele monta dois prompts prontos pra você: um de copy e um de HTML.
      • Prompt de copy
        +
        • Gera os textos da página pensados para converter: headline, subtítulo, benefícios, provas e chamada para ação.
        • Preencha as informações do negócio no sistema e ele devolve o prompt certo para gerar essa copy.
      • Prompt de HTML
        +
        • Transforma a copy e os links das fotos do Passo 1 em uma landing page completa em HTML.
        • Leve a copy aprovada e os endereços das imagens para dentro do prompt de HTML antes de gerar.
      • Vá ajustando aos poucos. Peça melhorias como "deixe o topo mais forte", "melhore os botões", "aproxime as seções", até a página ficar do jeito que você quer.

      • A página raramente fica perfeita na primeira geração. O segredo é conversar com a IA e pedir um ajuste de cada vez, sempre olhando o resultado antes de pedir o próximo.

    • Passo 3
      +
      • Com a página aprovada, peça para a IA finalizar tudo e entregar os arquivos prontos para publicar.
      • Pedir SEO
        +
        • Peça o SEO da página: título, meta description, textos das imagens e a estrutura certa para o Google entender do que a landing page fala.
        • Prompt: SEO
          Faça a otimização de SEO desta landing page sem mudar o layout nem o texto que aparece na tela. Aplique:

          1. title e meta description focados na palavra-chave [preencher a palavra-chave]
          2. um único H1 e a hierarquia de H2 e H3 na ordem certa
          3. atributo alt descritivo em todas as imagens
          4. meta tags de Open Graph para o link ficar bonito quando compartilhado
          5. lang, charset e viewport corretos

          Devolva o código completo já com tudo aplicado.
      • Pedir segurança
        +
        • Peça os ajustes de segurança recomendados para o código, para a página não ficar exposta depois de publicada.
        • Prompt: Segurança
          Revise a segurança do código desta landing page sem alterar o visual. Aplique as boas práticas:

          1. validar e limpar tudo que for digitado nos campos do formulário
          2. proteger os campos contra injeção de código e XSS
          3. rel="noopener" em todo link que abre em nova aba
          4. remover comentários, dados sensíveis e informações expostas no código
          5. garantir que os links e o envio do formulário usem HTTPS

          Liste o que foi corrigido e devolva o código completo já ajustado.
      • Pedir todos os arquivos
        +
        • Peça todos os arquivos necessários para subir na Hostinger, organizados e prontos para publicar.
        • Prompt: Arquivos para publicar
          Prepare todos os arquivos finais para eu publicar esta landing page na Hostinger. Entregue:

          1. o index.html completo e final
          2. os arquivos de CSS e JS separados, se houver, com os caminhos certos
          3. a estrutura de pastas, incluindo a pasta assets com as imagens
          4. instruções curtas de onde subir cada arquivo no painel da Hostinger

          Deixe tudo pronto para upload, sem que eu precise ajustar caminho de arquivo depois.
      • Colocar no ar
        +
        • O subdomínio já foi criado lá no Passo 1. Agora é só entrar no painel da Hostinger e subir os arquivos na pasta desse subdomínio.
        • Abra o endereço no navegador e a sua landing page está publicada e funcionando.

      • Depois de publicar, abra a página no celular e teste os botões e o WhatsApp. É no celular que a maioria das pessoas vai ver a sua landing page.