Docs Block Reference Contact

Contact

A custom contact / lead form. Define your fields (text, email, phone, number, textarea, dropdown, checkbox), pick what happens on submit (Show Message / Redirect), and style the form.

When to use it

  • Contact / "Get in touch" page form
  • Lead capture form on a marketing page
  • Booking-request form (when Booking isn't right)
  • Custom signup / waitlist form

When not to use it

  • Login flow — use Login
  • Account creation — use Register
  • Order checkout — use Checkout
  • Calendar-based booking — use Booking

Fields list (drag to reorder)

Default fields:

  • Your Name — text, required
  • Email Address — email, required
  • Message — textarea, optional

Each row has:

  • Type dropdown — Text · Email · Phone · Number · Textarea ·

    • Dropdown · Checkbox

  • Label input
  • Required checkbox

Drag the row itself to reorder (no separate drag handle).

Add Field button below the list.

Colours (4-swatch row)

Pinned to the corners of a single equal-spaced row:

  • Button (left) — submit-button fill
  • Field BG (centre-left) — input fill
  • Border (centre-right) — input border colour
  • Text (right) — input text colour

On submit — Show Message · Redirect (default: Show Message)

What happens after the form is submitted:

  • Show Message — reveals the Success message input below

    • (default: "Thank you!")

  • Redirect — reveals the Redirect URL input

Only one input is visible at a time.

Button text — text input (default: "Send Message")

Submit-button label.

Sliders (2-up grids)

  • Radius — 0–20px (default: 4). Field corner roundness.
  • Max Width — 200–900px (default: 400). Form container

    • max-width.

  • Field Gap — 3–20px (default: 16). Vertical spacing between

    • fields.

  • Button Width — 20–100% (default: 100). Submit button width.

Entrance animation

Standard widget at the bottom.

Per-device overrides

Fields, colours, sliders all have per-device values.

Common overrides:

  • Max Width — wider on desktop (600–800), full on mobile
  • Button Width — 100% on mobile

Common patterns

Simple contact form

Name + Email + Message · Button text "Send" · On submit Show Message with "Thank you — we'll reply soon." · Field BG #fff · Border light grey · Radius 4 · Max Width 480.

Newsletter signup

Single Email field · Button text "Subscribe" · Button width 100% · Radius 24 (pill) · Max Width 360.

Quote request

Name + Email + Phone + Dropdown (project type) + Textarea (brief) · On submit Redirect to /thank-you page.

Related

  • blocks/login — for sign-in forms
  • blocks/register — for account-creation forms
  • blocks/checkout — for order forms (paid)
  • blocks/booking — for calendar-based bookings