Form Builder

Build simple or multi-page forms by arranging fields, choosing how submissions are handled, and connecting the services you use. Fields, notifications, rules, integrations, and per-form settings are configured together in the form builder.

Explore the Builder

Guided SetupChoose a purpose, configure fields and emails, and preview a new form step by stepLayout & PagesFields, property editors, undo history, and multi-page formsForm SettingsStorage, processing, success behavior, limits, scheduling, and embeddingConnecting IntegrationsEnable connections, map fields, and control when data is sentCreate Forms with AIProBuild from a prompt, PDF, or image, then review native fields and layoutManaging FormsCards, list views, groups, archiving, and form typesEmail NotificationsRecipients, notification types, templates, and delivery testingConditional RulesProShow or hide fields and groups, skip pages, or submit earlyPreviewTry sample templates, viewport sizes, and conditional flow with temporary answersSample DataGenerate default values, choose random options, and display sample files for testingField ReferenceSettings, behavior, styling, and Twig reference for each field type

Overview

Use these areas as you configure a form:

Area	What you configure
Layout	Add fields, edit their properties, and arrange rows and pages. The final front-end appearance comes from the formatting template.
Notifications	Send to administrators, selected recipients, or addresses entered in Email fields. Four builder notification types are available, plus template-based notifications.
RulesPro	Show or hide fields and groups, skip pages, or submit the form based on field values.
Integrations	Enable configured connections and map form data to services or Craft elements.
Settings	Set the form's identity, data storage, submission behavior, limits, and schedule.
Usage & StatsNew in 5.17.3+	In Settings, review submission activity, configuration, Craft 5 element usage, and copyable form diagnostics.
Preview	Inspect the saved form, compare sample templates at different viewport sizes, and test conditional flow.

Navigation on Smaller ScreensImproved in 5.17+

When the builder's tabs do not fit, open More to reach the remaining sections. The active section stays visible in the tab bar, and Save, Undo, and Redo retain their space in the header. In narrow windows, navigation moves to a second row.

Selecting a section from More brings it into the tab bar. The menu also highlights validation errors in hidden sections. Use Up/Down to navigate the open menu and Escape to close it and return focus to More.

Build and Publish a Form

1

Open Freeform → Forms → Add new form, then choose Guided setup, Create with AI, or Quick setup. See Managing Forms for dashboard controls and opening existing forms.

2

Arrange fields and pages in Layout, then select a field to edit its settings. Configure notifications, rules, integrations, and form settings as needed. See Layout & Pages for the complete editing workflow and multi-page limitations.

3

Save the form and check its appearance in Preview, then use the Embed Form guidance to display it on your site. Submit the actual form to test validation, notifications, integrations, and the success behavior.