Prompt para Lovable e Bolt
Cole este prompt no Lovable ou no Bolt. Pede um formulário de contacto que envia para o Formgong e diz à ferramenta para não acrescentar base de dados nem serviço de e-mail.
O que está a copiar
Este modelo é um prompt para o Lovable ou o Bolt. Cola-o no chat do construtor. O construtor escreve o formulário. O Formgong recebe o envio.
O prompt nomeia o endpoint, a chave de acesso pública, _lang, o honeypot e a verificação de sucesso. Diz ao construtor para não acrescentar um backend.
Também diz para não acrescentar Resend, uma base de dados, uma edge function nem uma server action para este formulário. São desvios habituais em aplicações geradas.
O bloco extra é HTML simples que corresponde ao prompt. Use-o se preferir colar a marcação a pedir ao construtor que a escreva.
Já existem guias mais longos, próprios de cada ferramenta, para o Lovable e para o Bolt. Esta página é o prompt curto. Essas páginas explicam os cliques à volta.
O que verificar no diff
O formulário deve enviar para /submit na origem do Formgong. Se vir uma tabela nova, um segredo ou um SDK de email, peça ao construtor que os retire.
A chave de acesso no prompt é fk_your_access_key até criar um formulário. Substitua-a, ou use o botão desta página com a sessão iniciada.
Os nomes dos campos devem ficar name, email e message, com phone opcional. O Telegram imprime esses nomes. Um campo com outro nome lê-se pior.
botcheck tem de estar presente, vazio e oculto. Se o construtor o apagar por parecer não usado, volte a pô-lo. É o honeypot.
O fetch deve enviar Accept: application/json. Um corpo JSON também precisa de Content-Type: application/json. O FormData não deve definir esse cabeçalho.
O prompt diz para saltar o Turnstile salvo se fornecer uma chave do site. Não deixe o construtor inventar uma chave.
O prompt diz para não carregar uma fonte de terceiros para o formulário. Se a aplicação já tiver uma fonte, o formulário pode herdá-la.
Depois de o construtor terminar
Publique, ou use a pré-visualização do construtor se ela chegar à internet, e envie um teste. Depois abra a caixa de entrada do Formgong.
Ligue o Telegram nas definições do formulário para uma entrega imediata. No plano gratuito, o email é um resumo diário.
O gratuito conserva 300 envios por mês durante 30 dias, na UE. O spam fica guardado e não é entregue, e não conta.
Definições como os destinatários e o Telegram vivem no Formgong. Pode mudá-las sem pedir ao construtor que volte a gerar o formulário.
O Formgong é o operador. Se o produto se portar mal, escreva para support@formgong.com. A conta do próprio construtor é um caminho de apoio à parte.
Pré-visualização
Código do formulário
Adicione um formulário de contacto a este projeto. Os envios vão para o Formgong. Não acrescente uma base de dados, uma edge function, uma server action nem um serviço de e-mail como o Resend.
Especificação:
- Um formulário simples pode usar action="https://formgong.com/submit" e method="POST". Com JavaScript, envie os mesmos campos para https://formgong.com/submit com fetch.
- Campo oculto name="access_key" value="fk_your_access_key". A chave é pública. Deixe-a no frontend. Não a mude para um segredo.
- Campo oculto name="_lang" value="{lang}". O Formgong usa-o na página de agradecimento e no texto de erro. Num sítio multilingue, use o idioma da página.
- Campos: name, email com type="email" e message. Os três são obrigatórios. phone é opcional. Mantenha estes nomes. O Telegram escreve cada nome a negrito por cima da resposta.
- Honeypot: um input type="text" name="botcheck" tabindex="-1" autocomplete="off" dentro de um contentor com aria-hidden="true". Esconda-o com CSS: position:absolute; inset-inline-start:0; top:0; width:1px; height:1px; overflow:hidden; clip-path:inset(50%). Não o preencha.
- Sucesso com fetch: cabeçalho Accept: application/json. Para um corpo JSON envie também Content-Type: application/json. Para FormData não defina Content-Type. Se success no JSON for true, mostre um agradecimento curto e limpe o formulário. Caso contrário, mostre a mensagem da resposta.
- Turnstile só se houver uma site key: script src="https://challenges.cloudflare.com/turnstile/v0/api.js" e um div com class="cf-turnstile" e data-sitekey. Caso contrário, não o acrescente.
- Não carregue uma fonte de terceiros. Não acrescente envio de ficheiros.
- A origem do endpoint é https://formgong.com.HTML simples que o prompt pede
<form action="https://formgong.com/submit" method="POST" style="position:relative"> <input type="hidden" name="access_key" value="fk_your_access_key"> <input type="hidden" name="_lang" value="pt"> <label>Nome <input type="text" name="name" autocomplete="name" required></label> <label>E-mail <input type="email" name="email" autocomplete="email" required></label> <label>Telefone <input type="tel" name="phone" autocomplete="tel"></label> <label>Mensagem <textarea name="message" required></textarea></label> <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)"> <label>Deixe este campo vazio <input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label> </div> <!-- Opcional. Ative o Turnstile neste formulário, retire estas marcas de comentário e cole a chave do sítio. <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="pt"></div> --> <button type="submit">Enviar</button> </form>
Perguntas e respostas
Este prompt funciona no Lovable e no Bolt?
Sim. Não depende de uma só disposição de ficheiros. Se o construtor escolher React, Vue ou HTML simples, o mesmo endpoint e os mesmos campos continuam a valer.
O construtor acrescentou Supabase ou Resend. E agora?
Peça-lhe que apague esse código e deixe só o envio para o Formgong. Os guias ligados do Lovable e do Bolt descrevem a mesma correção com mais pormenor.
A chave de acesso é segura dentro do prompt?
É uma chave pública. Qualquer pessoa pode enviar uma submissão com ela. Não consegue ler a sua caixa de entrada nem mudar para onde vai o correio.
Onde estão os guias mais longos?
Nas páginas do Lovable e do Bolt, em For, com ligação a partir desta página. Este modelo é o próprio prompt, não um substituto desses guias.