Lead pipeline
Every submission becomes a tracked lead
New, Contacted, and Converted stages in one dashboard. See active enquiries and conversion rate without counting manually or adding a separate CRM.
Why React frontends still need a form backend
React handles UI state well. It does not give you storage, email delivery, or spam protection for contact forms by itself.
- Client-side React cannot safely send email or store leads without a backend.
- Standing up Express just for a contact form adds hosting and maintenance.
- fetch-to-your-own-API still means writing validation, spam checks, and mail code.
- Static React deploys have no server process to receive POSTs.
How Formgrid works with React
Keep building components in React. Use a standard form element with a Formgrid action URL so submissions become tracked leads.
No custom API required
Skip Express routes and serverless handlers when all you need is lead capture.
Plain HTML forms in JSX
Use method="POST" and action on a form element inside your React component.
Email and Sheets
Get structured notifications and optional Google Sheets sync for every enquiry.
Lead pipeline
Move submissions through New, Contacted, and Converted with notes and reminders.
Connect a React form in four steps
Create a Formgrid form, drop the endpoint into your React form action, deploy, and manage leads.
-
Create a form
Sign up free and create a form in the Formgrid dashboard.
-
Point the action
Set method="POST" and action on the form in your React component.
-
Deploy the frontend
Ship your React build as usual. No form API deploy is required.
-
Manage leads
Receive email alerts and track follow-up in the pipeline.
Features for static site forms
Formgrid goes beyond inbox forwarding so marketing sites and developer portfolios can manage real enquiries.
Email notifications
Google Sheets sync
Lead pipeline
Follow-up reminders
Spam protection
File uploads
UTM tracking
Example integration
Point a standard HTML form at your Formgrid endpoint. Field names map directly to the submission dashboard.
ContactForm.jsx
<form action="https://formgrid.dev/api/f/your-form-id" method="POST">
<label>
Name
<input type="text" name="name" required />
</label>
<label>
Email
<input type="email" name="email" required />
</label>
<label>
Message
<textarea name="message" required></textarea>
</label>
<button type="submit">Send</button>
</form>Use a real form element with action and method. Replace your-form-id with the ID from your Formgrid dashboard.
