Build forms without writing code
Form Studio is a drag-and-drop form designer built into your ContactFire dashboard. Create complex forms in minutes. Publish with one click. Changes go live instantly.
What is Form Studio
Build forms by dragging fields from the palette onto the canvas.
See exactly how your form looks as you build it.
Hit Publish and your form is live. No deploy, no code push.
Create your first form
- In your dashboard, click Form Studio in the left sidebar
- Click New form
- Choose a starting point: blank form, a pre-built template, or describe what you need and let AI build it
- Drag fields from the left panel onto the canvas
- Click any field to edit its label, placeholder, and validation rules
- Click Publish when you are ready
Field types (26 total)
Every field has: label, placeholder, help text, required toggle, and validation rules.
textnameemailtelurlnumbertextareaselectcheckboxradiodatedatetimedaterangetimedividerinforichtextratingsliderfield_grouphiddenSections and multi-step forms
Organise fields into sections. When you enable Wizard mode, each section becomes a step. Users see one step at a time — reducing form abandonment.
All sections visible at once. Best for short forms under 8 fields.
One section at a time with a progress bar. Best for longer forms or surveys.
Conditional logic
Show or hide fields based on what a user has already answered.
enquiry_type = "Support"THEN show
order_numberAdd rules in the Properties panel on the right when you click any field. Rules are evaluated in the browser as the user types.
Field validation
Set rules per field. Errors show inline before the form submits.
| Rule | Applies to |
|---|---|
| Required | All fields |
| Min / Max length | text, textarea, name |
| Pattern (regex) | text, tel, url |
| Min / Max value | number, slider, rating |
| Email format | email (automatic) |
| Date range | date, datetime, daterange |
AI form generation
Describe your form in plain English. The AI generates a complete form structure — fields, labels, validation rules — that you can edit and publish.
"A job application form for a marketing role — collect name, email, LinkedIn URL, years of experience (1-5-10-15+), current salary, and a cover letter paragraph."
Click Generate with AI when creating a new form. Review the output, adjust any fields, and publish.
Autosave and version history
Form Studio saves your work automatically every 10 seconds. You can also undo and redo changes during your editing session.
- Autosave — saves to draft every 10 seconds while you edit
- Undo / Redo — keyboard shortcut
Cmd+Z/Cmd+Shift+Z - Version history — click the history icon in the toolbar to view and restore past saves
- Draft vs Published — edits stay in draft until you click Publish
Publish and embed
When you are satisfied with your form, click Publish in the top bar. Then go to Embed Code to get your snippet.
Classic script tag embed for any site
Programmatic initialisation for SPA apps
Pre-configured .astro component with LDS support
Import and export
Export any form as a JSON file. Import it into another ContactFire account or use it as a template for a new form.
Toolbar → Export → downloads form-name.json
New form → Import JSON → select your file
Per-form notification recipients
By default, submission emails go to your account email. You can override this per form — useful when different teams own different forms.
- Open your form in Form Studio
- Click Settings in the toolbar
- Under Notification recipients, add one or more email addresses
- Optionally set a Reply-to field — pick the email field from your form so replies go directly to the submitter
Recipient precedence (highest wins): form override → embed token override → API key override → account notification email → account email.