Resend Form Email

Turn a website contact, booking, quote, or lead form into a real email inbox with Resend. IndigiCoder wires the form, protects your credentials, configures the sending domain, and delivers each submission through your own Resend account.

Nothing is connected automatically. A website can have a contact-form design without sending email. Resend setup starts only when you explicitly ask for real delivery or choose "Set up real email delivery" in Project Settings.

Resend Form Email Overview

Video coming soon

What Resend Form Delivery Does

FeatureWhat Happens
Real form submissionsContact and booking details are emailed to the inbox you choose.
AI form wiringThe AI connects your form to IndigiCoder's secure form relay.
Reply-to supportReplies can go to the visitor's email address submitted with the form.
Spam protectionGenerated forms use a honeypot and the relay applies rate limits.
Project isolationEvery enabled project receives its own sending-only key.

Good Prompts to Use

Tell the AI clearly that you want real email delivery:

"Make my contact form functional and send real submissions to my email with Resend."
"Connect this booking form so I receive every inquiry in my inbox."
"Wire this quote request form for real email delivery."
Be explicit: "Add a contact form" asks the AI to build the form interface. It does not automatically authorize an email provider or begin sending real visitor data.

Getting Started: 4 Easy Steps

Step 1: Create or Use a Resend Account

Go to resend.com and sign in or create an account. The Resend account remains yours; IndigiCoder only receives the access you approve.

Step 2: Connect Resend to Your Workspace

  1. Open Settings → Integrations in IndigiCoder.
  2. Find the Resend card and click "Connect Resend".
  3. On the Resend authorization screen, choose the team you want to use.
  4. Select Full access, then approve the connection.
  5. You'll return to IndigiCoder with the workspace account connected.
Why Full access? IndigiCoder needs permission to create and verify a sending domain and create a restricted key for each project. Your published website does not receive that full-access token. It sends through a separate project-scoped, sending-only key stored on IndigiCoder's server.

Step 3: Ask the AI to Make the Form Functional

Open the website project and use one of the explicit prompts above. The AI checks the project's Resend state and updates the form to send structured submissions to the project's relay endpoint.

The AI also adds:

  • Submission loading and duplicate-click protection
  • Success and visitor-friendly error messages
  • A hidden anti-spam honeypot field
  • The visitor's email as the reply-to address when available

Step 4: Review Project Settings and Publish

  1. Open Project Settings with the gear icon.
  2. Find Resend form delivery.
  3. Choose a sending domain option.
  4. Review the sender name, sender address, and destination inbox.
  5. Click "Set up real email delivery".
  6. Publish the website if it is not already published.
Review the destination inbox: "Receive submissions at" may be prefilled with the IndigiCoder project owner's account email as a convenience. It is editable and is not detected from Resend. Replace it with the business inbox that should receive the form submissions.

Choosing a Sending Domain

OptionBest ForDNS Setup
Project domainSites published at your-site.indigicoder.appIndigiCoder creates and manages the required records automatically.
Custom domainA domain you own, such as example.comIndigiCoder displays the records for you to add at your DNS provider.

With a project domain, the default sender is usually similar to:

Your Business <forms@your-site.indigicoder.app>

You can edit both the sender name and the forms portion before setup.

What Happens After You Click Setup?

  1. Your email preferences are saved for this project.
  2. If the site is unpublished, the card shows Publish required.
  3. Publishing provides the exact project domain and setup continues automatically.
  4. IndigiCoder configures DNS and asks Resend to verify the domain.
  5. Background checks continue even if you leave Project Settings.
  6. After verification, IndigiCoder creates the project sending key and sends a confirmation email.
  7. The card changes to Active.
No repeated setup clicks needed. When the card saysFinishing email setup or Verifying domain, you can safely leave the page. IndigiCoder continues checking in the background.

Testing Your Form

  1. Wait until the Resend card shows Active.
  2. Click "Send test" and check the destination inbox.
  3. Open the published website.
  4. Submit the form with recognizable test information.
  5. Confirm the submission arrives and that Reply goes to the test visitor email.

If you do not see the message, check Spam or Promotions before changing the setup.

Resend or n8n?

ChooseWhen You Need
ResendA straightforward form that sends each submission to an email inbox.
n8nMulti-step automation such as email plus Slack, Google Sheets, a CRM, or conditional routing.

If you specifically ask for n8n, the AI follows the n8n workflow instead. See the n8n Workflow Automation guide.

Security and Ownership

  • Your Resend account stays in your ownership.
  • Workspace owners and admins control the OAuth connection.
  • Each website opts in separately; connecting the workspace activates no projects by itself.
  • OAuth tokens and project sending keys are encrypted and stored server-side.
  • Generated source code never receives your Resend credentials.
  • The generated website does not need its own Supabase project for form email delivery.
  • Disconnecting one project does not disconnect other projects in the workspace.

Unpublishing and Republishing

When you unpublish a website, IndigiCoder removes that project's managed Resend domain, DNS records, and sending key as part of cleanup. The workspace's Resend authorization remains connected for your other projects.

You can republish the website later. After it is live again, return to Project Settings and enable Resend form delivery for that project again. A fresh project-scoped key and domain setup will be created safely.

Troubleshooting

The workspace says connected, but this project is not active

That is expected until the project opts in. Open Project Settings, review the form-delivery values, and click "Set up real email delivery".

The card says "Publish required"

Your preferences are already saved. Publish the project once; setup will continue automatically. Do not submit the setup form again.

The card says "Verifying domain"

For an indigicoder.app project domain, no action is required. IndigiCoder is checking automatically. For a custom domain, add every displayed DNS record at your DNS provider, then click "Check verification".

The card says "Reconnect required"

The workspace authorization expired or was revoked. Go to Settings → Integrations and reconnect Resend, then return to the project.

The test succeeds, but I do not see the email

Confirm the "Submissions go to" address, then check Spam and Promotions. You can update the project's destination by disconnecting the project and setting it up again with the correct inbox.

How do I disconnect?

  • One project: Project Settings → Resend → Disconnect project.
  • The whole workspace: Settings → Integrations → Resend → Disconnect.

Disconnecting the workspace removes form-delivery connections for every project in that workspace, so use the project-level option when you only want to stop one website.

Troubleshooting Resend Form Delivery

Video coming soon

Resend Form Email - Documentation | IndigiCoder