Feature

Forms

Define a form in the admin, place it on any page with field blocks, and every message is kept for you to read, export and email on. The two forms below are live: send one and find it in the admin.

Read the docsOpen in the admin

Things to try

Send a message

Fill in the contact form below, with a photo if you like. It appears under Forms in the admin straight away.

See every field type

The club visit form uses a number, a phone number, a drop-down, a paragraph, images and a checkbox.

Read it back

Open Forms in the admin: each form lists its submissions, with images as thumbnails and a CSV export.

Open Forms

The contact form

This is the form behind the site’s Contact page. A Form block picks the form, and a Form field block inside it places each field, half or full width.

Up to three images.

Request a club visit: more field types

The same blocks bound to a different form. Required fields are checked in the browser and again on the server.

Up to two images.

Spam, thanks and submissions

Forms are guarded by a CSRF token and an invisible proof-of-work check, with no third party involved. After sending, the visitor lands on the form’s own thank-you page (edited like any page under Content → Callback pages), and each submission is kept under Forms, optionally emailed to you, and exported as CSV.

Forms in the admin
Thank-you pages

How this page is built

  1. Turn forms on in site.config.ts with forms().
  2. Open Forms and make a form: a key, a name and its fields, each optional or required.
  3. On a page, add a Form block and pick the form.
  4. Inside it, add a Form field block per field and pick which field it is.
  5. Edit the thank-you page under Content → Callback pages, and add addresses to email each submission to.
  6. Read and export submissions under Forms.
The Forms list in the adminThe field editor of a form in the admin
Read the docs chapter