Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Forms

Create dynamic forms with custom fields, styling, and automated responses.

Creating a Form

  1. Go to the admin dashboard (/admin)
  2. Click + Create Form
  3. Configure the form settings

Form Settings

Basic Settings

FieldDescription
Form NameInternal name (shown in admin)
SlugURL path (e.g., contact → /f/contact)
Form TitleDisplayed to users
Submit Button TextButton label
Success MessageShown after submission
Allowed OriginsDomains that can embed this form
Google Sheet URLOptional: sync submissions to a spreadsheet

Field Types

TypeHTML InputValidation
Text<input type="text">None
Email<input type="email">Email format
Mobile<input type="tel">Phone format
Long Text<textarea>None
File<input type="file">Size limit

Field Configuration

Each field has:

  • Label - Displayed above the input
  • Field ID - Used in templates and data (e.g., name, email)
  • Type - Input type (see above)
  • Required - Whether the field must be filled

Styling

Forms can be styled using CSS variables. See CSS Customization for details.

Show/Hide Title

Toggle “Show form title” in the Styling tab to hide the title when embedding.

Custom CSS

Add custom CSS rules in the Styling tab:

.contact-form {
    max-width: 500px;
}
button {
    text-transform: uppercase;
}

Viewing Responses

  1. Go to admin dashboard
  2. Click Responses next to the form
  3. View all submissions in a table

Archiving Forms

Archive forms to make them read-only without deleting data:

  1. Click Archive in the dashboard
  2. Form becomes read-only
  3. Click Unarchive to restore

Deleting Forms

Warning: This permanently deletes the form and all submissions.

  1. Open the form editor
  2. Scroll to Danger Zone
  3. Click Delete Form