Contact Forms for ZeroPoint
Contact forms are a common requirement for website stakeholders, so static sites often need a way to support form submissions.
Static sites don't have a server to process forms — but several services accept form posts directly, store your submissions, and notify you by email. Your HTML form stays the same; the service handles everything else.
Both options below require no JavaScript, no backend, and no javascript packages. A plain HTML
<form> tag is all you need.
Option 1: Netlify Forms
If your ZeroPoint site is deployed on Netlify, form handling is built in. Netlify detects your forms at deploy time and automatically provisions an endpoint for them.
-
Add the
netlifyattribute to your form<form name="contact" method="POST" data-netlify="true"> ... </form>That's it. Deploy to Netlify and your form is live. Submissions appear in the Forms tab of your Netlify site dashboard, and Netlify sends you an email notification for each one.
-
Customize the success page
By default, Netlify redirects to a generic confirmation page after submission. Point to your own instead using the
actionattribute:<form name="contact" method="POST" data-netlify="true" action="/contact/thanks/"> ... </form>
Option 2: Formspree
Formspree works on any host. Once you create your account, you'll receive a unique form endpoint URL to use as
your form's action attribute.
-
Add your Formspree endpoint to your form
<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST"> ... </form>Replace
YOUR_FORM_IDwith the ID from your Formspree dashboard. Submissions appear in your Formspree dashboard and are emailed to you immediately.
Going Further
- 🔔 Webhooks — both Netlify Forms and Formspree support outgoing webhooks on submission. Use a Netlify or Cloudflare Pages Function to forward submissions to Slack, create a CRM record, or trigger any downstream process.
- 📬 Netlify form notifications — send submissions to Slack or a webhook in addition to email.
- 📬 Formspree integrations — connect to Zapier, Slack, Airtable, and more.