Form in Lovable
The prompt already includes the key, the endpoint, and the honeypot. Lovable should not create a backend.
- Get an access key on the homepage.
- Open the Lovable project.
- Paste the prompt below.
- Send a test submission and open it in the Formgong dashboard.
- Connect Telegram from the form settings.
Prompt
Add a contact form that sends leads to Formgong. Do not create a backend, database, or secrets. Requirements: - POST https://formgong.com/submit - Hidden field access_key with value fk_your_access_key (this key is public and belongs in frontend code) - Fields: name, email, optional phone, message - Honeypot: a text field named botcheck, hidden off-screen with CSS (position:absolute; left:-10000px), tabindex="-1", autocomplete="off" - No file uploads - Plain HTML form: method="POST" action="https://formgong.com/submit" - If you use fetch: Content-Type application/json and Accept: application/json. Success means json.success === true - After success, show a thank-you state - Do not add server functions or Resend
fetch
async function onSubmit(event) {
event.preventDefault();
const fields = Object.fromEntries(new FormData(event.currentTarget));
const response = await fetch("https://formgong.com/submit", {
method: "POST",
headers: {
"Content-Type": "application/json",
Accept: "application/json",
},
body: JSON.stringify({ ...fields, access_key: "fk_your_access_key" }),
});
const result = await response.json();
if (!result.success) throw new Error(result.message || "Formgong error");
}