Replit contact form that sends email

To make a form on a Replit site send email, point it at FormDoc: paste the prompt below into Replit with your free access key, and every submission is emailed to you. No backend, database or API keys are needed.

Replit’s AI Agent builds and hosts full web apps from a description, with the code editable in your Replit workspace and published on a replit.app address or your own domain.

Why the form on your Replit site doesn’t send

Replit can write a server for your form, but then you need an email service, its API key and spam protection too. Many generated forms skip that and only log the message. Sending the form to FormDoc gives you delivery, spam filtering and a dashboard with no extra server code.

Fix it with one prompt

1. Get a free access key at app.formdoc.dev/new and confirm your email.
2. Copy the prompt and replace YOUR_ACCESS_KEY with your key.
3. Paste it into Replit, let it update the form, then publish.

Add a contact form to the Contact page that sends every submission to my email using FormDoc, a form backend (no server code or API route needed).

Fields:
- Name (required): name="name"
- Email (required): name="email"
- Message (required): name="message"

Requirements:
1. Build it as a real <form> element in this app.
2. Every field needs a name attribute exactly as listed, a visible <label>, and the required attribute. Use type="email" for the email field.
3. Inside the form add <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">.
4. Add a hidden spam trap: a checkbox named "botcheck", hidden with display:none, tabindex -1 and autocomplete off.
5. On submit, prevent the page reload and POST new FormData(form) to https://api.formdoc.dev/v1/submit with the header "Accept: application/json". Don't set Content-Type yourself.
6. While sending, disable the button and show "Sending…".
7. If the JSON response has success: true, reset the form and show "Thanks! Your message was sent." Otherwise show error.message from the response and keep what the visitor typed.
8. Match the existing design and components.

Don't fake success with console.log, setTimeout or alert, don't use mailto:, and don't create a backend route or server function: FormDoc receives the form and emails me.

Want a different form, such as a quote request or a booking? The AI form prompt generator writes this prompt for any form and fields.

If your Replit app already has a backend, you can still point just the form at FormDoc and keep the rest of the app as it is.

What changes, and why

Test it

Publish the site, send yourself a message and check your inbox. If nothing arrives:

• Make sure you confirmed your email address when you got the key. Until then, submissions are refused.
• Paste the form’s code into the AI form checker: it lists exactly what’s missing and writes a prompt to fix it.
• Open your browser’s developer tools and look at the request to api.formdoc.dev: the JSON response explains any error.

For the general version of this guide, see forms on AI-built websites, and for the full story read why your AI-built form isn’t sending emails.

Common questions