FORMit
Documentation

Using FORMit

Build a form visually, publish it as a link, embed it on any site, and collect responses you fully own. This guide walks through every step — no code required.

Build my first form free Start reading
On this page

Getting started

FORMit accounts use an email and password. There's nothing to install — you build in the browser.

  1. 1. Create an account. Head to the sign-up page, enter your email and a password (at least 8 characters). You're logged straight in, and a verification email is sent — confirm it when you get a chance.
  2. 2. Land in your workspace. Every account has a workspace that holds your forms and their responses. If you were invited to a team, you'll join that workspace instead.
  3. 3. Open the dashboard. This is your list of forms, with a Responses view alongside it. From here you create, open, or delete forms.
Tip: use the account menu (top-right) to switch workspaces, change your password, set preferences, or sign out everywhere.

Create a form

Two ways to start, both from the dashboard:

From a template

Browse the template gallery and pick a starting point — Contact form, RSVP, Lead capture, Job application, Feedback survey, Newsletter signup, or Event registration. Everything is fully editable afterwards.

From scratch

Choose New form for a blank canvas and add exactly the fields you need.

Give the form a title at the top of the builder — it's saved automatically as you work.

The builder

The builder has three panes: the field palette (left), the form canvas (centre), and the settings panel (right).

  • Add a field. Drag an item from the palette onto the canvas, or just click it to append to the end.
  • Arrange the layout. The canvas is a 12-column grid. Drag fields to reorder them, and drop a field into the empty space at the end of a row to auto-fit it into the remaining columns. Each field's width (¼ up to Full) is also set in the settings panel.
  • Edit in place. Double-click (or press Enter on) a label or an option to rename it right on the canvas.
  • Use pages. Add pages with + Page to split a long form into steps. Deleting a page asks you to confirm.
  • Preview by device. The device picker (mobile / tablet / desktop) shows how the form reflows at each width.
  • Undo. Press ⌘Z while the builder is open to step back.
Autosave: your changes save automatically — watch the Saved / Unsaved… status by the title. On a phone, the palette opens from the + button (top-left) and a selected field's settings open from the gear icon (top-right).

Field types

The palette groups every field by purpose. Here's the full catalog.

Inputs

Text
A single-line text answer.
Long answer
A multi-line textarea for paragraphs.
Number
Numeric entry, with optional min/max/step.
Email
Text with email-format validation.
Phone
Phone number with an optional prefix/suffix.
Website
A URL field.
Date
A calendar date, shown in your chosen date format.
Time
A time-of-day value.
Measurement
A length or weight, in metric or imperial units.
Address
A structured postal address (street, suburb, state, postcode). No API key needed.
File upload
Lets respondents attach a file (type presets + size cap up to 25 MB).

Choices

Dropdown
Pick one option from a select menu.
Choose one
Radio buttons, laid out vertically or horizontally.
Checkbox
A single on/off tick.
Toggle
An on/off switch.

Scales & ratings

Slider
Drag along a range; supports a two-handle range mode.
Number stepper
A number with −/+ buttons.
Star rating
A 1–10 star rating.
Scale
A labelled min-to-max scale.

Layout & content

Heading
A section heading.
Paragraph
Static text — bold/italic supported. Use inside a Group for a group title.
Group
A bordered container that holds fields in its own sub-grid.
Image
An uploaded image (JPG/PNG/WebP/GIF, up to 5 MB) with alt text.
Button
An action button — clear fields, set a value, or open a link.
Divider
A horizontal rule.
Space
Vertical spacing.

Location & maps

Address autocomplete
Type-ahead address search that can fill an Address field. Needs a Maps key.
Map
An embedded map, at a fixed location or mirroring an address field. Needs a Maps key.
Street View
An embedded Street View panorama. Needs a Maps key.
Maps fields: Address autocomplete, Map, and Street View rely on a Google Maps key configured for your deployment. Without one they show a "Maps not configured" placeholder. The plain Address field needs no key.

Field settings

Select a field to open its settings on the right. What's available depends on the field, but the common controls are:

Label & help text
The visible label and an optional line of guidance below the field.
Field key
The name this answer is saved under (used in the responses table and CSV). Auto-generated from the label; edit it if you like.
Placeholder & default
Ghost text shown when empty, and a pre-filled default value.
Required
Make an answer mandatory, with an optional custom message when it’s missing.
Width
How many grid columns the field spans, from a quarter to full width.
Options
For Dropdown and Choose-one: the list of choices, each with a label and a saved value.
Prefix / suffix
Fixed text before or after the input — e.g. $ or kg.
Min / max / step
Bounds for Number, Slider, Stepper, and Scale fields.
Validation
Extra rules: min/max length, numeric range, email, or a custom pattern.
Visibility
Show or hide this field based on other answers (see conditional logic below).

Conditional logic

Any field can be shown or hidden based on other answers. Set whether all or any conditions must match, then add conditions using operators like equals, contains, greater/less than, or is empty / is not empty. Pair this with a Button set to "clear field(s)" to let respondents re-reveal a field they've filled.

Groups & layout

A Group is a bordered box that holds related fields in its own sub-grid — handy for sections like "Billing address" or "Your details."

  • Add fields to a group by dragging a field into the box, or by choosing the group from a field's Group dropdown in the settings panel.
  • Move or resize the group as one unit: drag its header to move it, and drag the handle on its right edge to change its width.
  • Remove a field from a group by dragging it out onto the main canvas.
  • Give the group a title by dropping a Paragraph inside it — groups don't have a title of their own.
Grouping only affects layout. Your responses, validation, and CSV export treat every field the same way, whether it's in a group or not. Groups can't be nested inside other groups.

Address autocomplete

The Address autocomplete field offers type-ahead suggestions as the respondent types, powered by Google Maps. Its settings let you tune the experience:

Fill an address field
Point it at an Address field on the form — when someone picks a suggestion, that field is filled in automatically.
Countries
Restrict suggestions to one or more countries (two-letter codes, comma-separated). Leave blank for worldwide.
Results
Limit suggestions to street addresses, cities & regions, businesses, or all of them.

The chosen address and its coordinates are saved with the response. This field needs a Maps key configured; if there isn't one, it falls back to a plain text address box.

Form settings

Open Settings from the builder for form-wide options.

Description
An optional blurb shown with the form.
Thank-you message
What respondents see after submitting (defaults to a friendly confirmation).
Redirect URL
Send respondents to a page of your choice after submitting, instead of showing the message.
Formatting
Override the date format and measurement system for this form.
Email notifications
Get an email whenever a new response arrives — add one or more recipients.
Privacy requests
Export or permanently erase every response containing a given email address — built for GDPR data-subject requests.
Custom CSS
Advanced: style the public form with your own CSS against FORMit’s stable df-* classes. Scripts are stripped for safety.

Theming & style

  • Light & dark. Toggle the theme from the account menu; your choice is remembered.
  • Edit the theme. "Edit theme…" lets you override colours, type, spacing, and radius tokens — the whole app restyles instantly, and you can reset anytime.
  • Per-form CSS. For pixel-level control of a published form, add custom CSS in Form Settings → Advanced (see above).
  • Formats. Set your default date format and metric/imperial units in Preferences; forms inherit them and can override per form.

Preview & publish

Preview renders the live form with real validation — nothing is saved. When you're happy, publish and mint a share link.

  1. 1. Publish a version. From Preview, choose Publish to snapshot the current draft. Each publish creates an immutable version, so live links keep working while you keep editing. You'll be told when you have unpublished changes.
  2. 2. Create a link. Mint a public link to the latest published version. Optionally set an expiry date and a maximum number of uses.
  3. 3. Copy it now. For security, the full link is shown only once, right after you create it — copy it before closing the dialog. FORMit only stores a hash of the link, so it can't show it to you again.
  4. 4. Manage links. Each link's status, expiry, and usage are listed, and you can revoke or re-enable any of them.

Public forms open at a /f/… address, load anonymously (no account needed to fill them out), and are re-validated on the server when submitted.

Embed on your site

The share dialog also gives you a ready-made embed snippet. Paste this one tag into any page — your site, a landing page, a help article — and the form appears inline. Nothing else to add: no scripts, no libraries. 

<iframe src="https://…/f/YOUR_LINK" width="100%" height="600"
  style="border:1px solid #e5e7eb;border-radius:8px"
  title="My form"></iframe>

Adjust the height to suit your form. The embed loads on its own, so it won't block your page from rendering.

Collect responses

Open Responses from the builder, or switch to the Responses view on the dashboard to see every form's activity at a glance — its status, response count, and when the last one arrived.

  • Overview. Totals, a 30-day trend chart, and a per-field summary (choice breakdowns, and min/average/max for numbers).
  • The table. One row per submission, newest first, with a column for each field. Load more as you scroll.
  • Details. Click a row to open the full response, including download links for any uploaded files.
  • Export. Download everything as a CSV — safe to open in a spreadsheet.
  • Delete. Remove a single response permanently (with a confirm), or erase all responses for an email from Form Settings → Privacy.
Your data, your rules. Responses live in your workspace. View them, export them, or permanently delete them whenever you want.

Account & team

  • Workspaces. Forms and responses belong to a workspace. Switch between workspaces from the account menu.
  • Invite teammates. Admins can invite people by email; they accept via a link to join the workspace. Roles are viewer, editor, and admin.
  • Security. Change your password, or sign out of every device at once, from the account menu.
  • Preferences. Set your default date format and units, which new forms inherit.

Ready to build?

Create your first form in a couple of minutes — free while we're in early access.

Build my first form free