Adicionar um formulário de contato / lead que envia e-mail e salva as submissões
Capturar consultas — envie-as por e-mail para você e armazene-as para que nenhuma seja perdida.
Quando usar
Quase todos os sites; a maneira mais simples de transformar visitantes em leads.
Antes de começar
- Decida exatamente quais campos você precisa — cada campo extra custa respostas. Nome, contato e uma pergunta aberta geralmente bastam.
- O endereço de e-mail onde você deseja ser notificado.
- Nada mais: sem chaves, sem serviço externo, sem pagamento.
O prompt
Esses prompts funcionam melhor em inglês — cole-os como estão, mesmo em páginas traduzidas.
Add a contact / enquiry form to my site. Outcome: a visitor sends me an enquiry; I get emailed instantly and the submission is saved so I never lose a lead. Requirements: - Fields: [name, email, phone, message — plus anything specific: budget, date, service]. - On submit: email the details to [my email], show the visitor a friendly thank-you, and save the submission to a list I can view. - A simple admin/table view where I can see and search all enquiries. Must-haves: validate every field, protect against spam/bots (a honeypot or similar), never expose my email or keys in the frontend, and show a clear error if sending fails so the visitor can retry. Build it end to end and tell me how to test that the email arrives and the submission is saved.
Já está criando? Cole isto no seu projeto. Começando do zero? Abra uma conta gratuita em um criador compatível abaixo.
Crie em
O que isto cria
- Um formulário de contato com os campos que você especificou
- Notificação por e-mail para você a cada submissão
- Uma lista armazenada de submissões que você pode visualizar e exportar
- Uma mensagem de confirmação amigável para a pessoa que enviou
- Proteção básica contra spam
Confira se funcionou
Cole o prompt, espere a construção terminar e então confirme estes pontos — em linguagem simples, sem verificações técnicas:
- O envio do formulário exibe a mensagem de confirmação que você solicitou
- O e-mail de notificação chega na sua caixa de entrada (verifique o spam na primeira vez)
- A submissão aparece na sua lista armazenada com tudo o que a pessoa digitou
- Enviar com um campo obrigatório vazio exibe um erro claro e educado em vez de falhar silenciosamente
- O formulário funciona no seu celular
Faltou algo? É normal — peça em uma mensagem curta de acompanhamento em vez de rodar o prompt inteiro de novo.
Próximos passos
Resposta automática para que ninguém fique na dúvida
Assim que o formulário estiver funcionando
Send an automatic reply to anyone who submits the form: thank them, tell them when they'll hear from me ([TIMEFRAME]), and include my phone number for anything urgent. Keep it short and warm, in my voice.
Você saberá que funcionou quando: Um envio de teste gera um e-mail para você e uma resposta automática amigável para o remetente.
Encaminhe diferentes solicitações de formas distintas
Assim que você começar a receber vários tipos de solicitações
Add a "what is this about?" dropdown to the form with these options: [OPTION 1, OPTION 2, OPTION 3]. Send each type to the right email address: [OPTION 1 → EMAIL, ...]. Show the chosen type in the stored submission and in the notification subject line.
Você saberá que funcionou quando: A escolha de cada opção envia a notificação para o endereço de e-mail correspondente.
Veja de onde vêm seus leads
Quando você começar a promover o site
Record with each submission which page the person was on when they filled the form, and add a "How did you hear about us?" dropdown with these options: [SEARCH, INSTAGRAM, REFERRAL, OTHER]. Show both in the stored list so I can see what actually brings enquiries.
Você saberá que funcionou quando: Os novos envios mostram a página de origem e a resposta escolhida na sua lista.
Fique atento a
- Sempre teste o e-mail, de um endereço diferente. "O formulário funciona" e "o e-mail chega" são fatos separados, e o segundo é o que te custa clientes.
- A primeira notificação geralmente cai no spam — marque-a como não spam uma vez e adicione o remetente aos seus contatos.
- Não colete informações sensíveis aqui. Números de identificação, detalhes médicos, números de cartão: não em um formulário de site. Peça esses dados na conversa que segue, em um local apropriado.
- Armazenar submissões importa mais do que você pensa. Se o e-mail falhar, a lista armazenada é a única coisa que separa você de um cliente perdido.
Notas por plataforma
O Base44 tem e-mail e armazenamento integrados — isso geralmente funciona logo no primeiro prompt. O Lovable envia via integração de e-mail (ex: Resend) e armazena no Supabase; o v0 configura uma rota de e-mail/API. Isso substitui ferramentas de formulário pagas para a maioria dos sites.
Gaste menos créditos
Toda plataforma cobra pelo trabalho que a IA dela faz — então o hábito mais barato é pensar antes de construir. Estas seis regras cortam a maior parte do desperdício, qualquer que seja a plataforma.
- Planeje primeiro em um chat gratuito. Esboce tudo no ChatGPT, Claude ou Gemini — páginas, recursos, o que cada formulário coleta, como deve ficar. Pensar lá é grátis; pensar dentro de um builder é cobrado.
- Comece com um prompt escrito, não com uma frase. "Faça um site para mim" é a frase mais cara na construção com IA. Um primeiro prompt completo — como os deste site — economiza dezenas de rodadas de correção.
- Não tenha preguiça dos detalhes. Cada detalhe omitido volta como uma correção que você paga. Nome do negócio, cores, cada página, cada campo de formulário, o que acontece após o envio — coloque tudo no primeiro prompt.
- Depois, uma mudança por mensagem. "Arrume o cabeçalho, e o formulário, e as cores" gera um emaranhado que custa mais para desfazer do que economizou.
- Travou? Pare de remendar. Se a mesma correção falhar umas três vezes, não mande uma quarta — descreva o estado final desejado da seção inteira em uma mensagem nova.
- Comece grátis. Faça upgrade quando precisar de mais. Use a cota gratuita para criar e explorar sua primeira versão. Faça upgrade quando precisar de mais uso ou de recursos pagos, e confira os custos de serviços conectados antes de lançar.
Os prompts desta página foram escritos para fazer a maior parte desse trabalho por você — é esse o objetivo deles.
Leia o guia completoPlaybooks relacionados
Prompts relacionados
Revisado em: 2026-07-27