Antes de começar
O que você vai precisar
Conta Google
Para login no Antigravity e Google Sheets
Pasta do projeto
Uma pasta no computador em local de fácil acesso
Prompts do vídeo
Prompts utilizados na aula
Adapte os prompts abaixo para o seu negócio. Quanto mais detalhes você der, melhor o resultado.
Prompt 1 - Prompt inicial
Quero criar uma landing page para [descreva seu negócio/profissão]. Quero que ela passe [ex: confiabilidade / modernidade / descontração]. Me traga 3 opções de identidade visual para eu escolher. No final, gere o prompt para criar esse site.
Dica: substitua os colchetes pelas informações do seu negócio. Adicione telefone, endereço, serviços oferecidos e proposta de valor.
Prompt 2 - Adicionar imagem na Hero e configurar formulário
@nome-da-imagem Adicione essa imagem do profissional na Hero do site. Nos botões de contato, em vez de levar diretamente pro WhatsApp, leve primeiro pro formulário para a pessoa preencher os dados e depois ser redirecionada pro WhatsApp. Quero também captar esses dados numa planilha do Google.
Dica: coloque a imagem dentro da pasta do projeto e use @ seguido do nome exato do arquivo.
Prompt 3 - Adicionar imagem em outra seção
@nome-da-imagem Quero adicionar essa imagem na seção de sobre o especialista.
Dica: use o mesmo formato para adicionar imagens em qualquer seção da página.
Prompt 4 - Remover elemento com print
[cole o print do elemento aqui] Retire esse elemento da Hero.
Dica: tire um print do elemento que você quer remover e jogue diretamente no chat junto com a instrução.
Prompt 5 - Configurar a planilha de leads
Me mostra o passo a passo para configurar a planilha que vai receber os leads do formulário.
Prompt 6 - Fornecer URL do Apps Script
Esse é o URL do meu app da web: [cole aqui o URL gerado pelo Google Apps Script]
Dica: copie o URL exatamente como aparece após implantar o app no Google Apps Script.
Captação de leads
Como configurar a planilha no Google Sheets
- 1Crie uma nova planilha no Google Sheets com as colunas: Nome, Email, Telefone, Data
- 2No menu superior, vá em Extensões e clique em Apps Script
- 3Apague o conteúdo padrão que aparece no editor
- 4Cole o script gerado pelo Antigravity (peça com o Prompt 5 acima)
- 5Defina um nome para o projeto no campo superior
- 6Clique em Implantar e depois em Nova implantação
- 7Na engrenagem, selecione "App da Web"
- 8Em "Quem pode acessar", selecione "Qualquer pessoa"
- 9Clique em Implantar, autorize o acesso e copie o URL gerado
- 10Envie o URL para o Antigravity usando o Prompt 6 acima
Publicação
Como publicar na Hostinger
- 1Acesse o H Panel (painel de controle da Hostinger)
- 2Vá em Sites, depois em Todos os sites, e clique em Adicionar site
- 3Escolha a opção "Site PHP ou HTML"
- 4Use um domínio temporário ou registre o domínio gratuito (disponível nos planos anuais)
- 5Acesse o Gerenciador de Arquivos dentro do painel do seu site
- 6Abra a pasta public_html
- 7Faça o upload de todos os arquivos do seu projeto (HTML, CSS, imagens)
- 8Certifique-se de que o arquivo HTML principal está nomeado como index.html
- 9Clique no domínio temporário para acessar o site publicado
Para atualizar o site depois: faça as alterações no Antigravity, depois substitua os arquivos na pasta public_html da Hostinger com as versões atualizadas.
Segurança
Dica de segurança sobre a planilha
O link do Apps Script é público, mas os dados ficam protegidos
Embora o URL do script seja acessível publicamente para receber os dados do formulário, os dados armazenados na planilha ficam protegidos enquanto ela estiver configurada como privada. Um agente mal-intencionado pode enviar dados falsos para a planilha, mas não consegue visualizar os dados reais que já estão armazenados. Para maior segurança, nunca compartilhe a planilha de forma pública.
Bônus
Template HTML de landing page
Baixe os projetos completos de exemplo. Abra no Antigravity e adapte para o seu negócio.
