Form Builder
Form Builder combines fields, submission actions, and design controls. See Forms Overview for setup.
Add a Form
- Add Form Builder.
- From the Content tab, open Form to configure fields and messages.
- In the same tab, open Actions to configure each selected submission action, then click Save.
Content Controls
From the Content tab, open the relevant section below.
| Section | Controls and detailed reference |
|---|---|
| Form > Fields | Sixteen field types; labels, options, defaults, required status, IDs, width, autocomplete, and label visibility. See Form Fields. |
| Form > Fields > Advanced | Conditions, input masks, and dynamic values. |
| Form > Fields > Step | Step labels, navigation buttons, and icons. See Multistep Forms. |
| Form > Fields > File Upload | File size, count, allowed types, and drag-and-drop appearance. See File Uploads. |
| Form | Submit Text, Success Message, Error Message, Hide Form On Success, and Redirect After Submit with Redirect URL. See Submission Behavior. |
| Actions | Storage, email, marketing destinations, webhooks, notifications, JavaScript, and popup actions. Configure each selected action and its conditional rules. |
| Advanced | Form and submit-button HTML IDs, reCAPTCHA, honeypot, and CSRF protection. See Spam Protection and Advanced Options. |
Design Controls
Select the Design tab to edit these controls. Local values override Global Form Styles.
Container and Layout
Container provides Width, Background, four-sided Padding, and Borders (radius, border, shadow). Spacing > Margin Top / Margin Bottom sets outer spacing.
Layout selects Vertical or Horizontal; Vertical at stacks horizontal forms. Field Advanced > Width uses 12 columns. Form > Fields > Advanced > Responsive > Full Width At makes fields full width separately from the overall layout switch.
Form Controls
Spacing and Fields
Form > Spacing contains Between Fields, After Label, and Sub Label spacing.
Form > Fields provides Background, Borders (radius/style), Padding, Placeholder color, Focused > Background / Border / Shadow, and Required > Color / Size / Nudge X / Nudge Y.
Typography and Choices
Typography > Labels / Sub Labels / Values / Links provides color, font, size, weight, line height, other typography options, and presets.
Fields > Advanced contains Hide Labels, Radio & Checkbox > Size / Color, and Responsive > Full Width At. Keep label text when hiding it; use the individual field's Hide Label for one field.
File Input
Under Fields > Advanced > File Input:
- Drag & Drop — Text, Link, Background, Border Color, Icon Color, Padding; Active sets its text/link/background/border/icon colors.
- Files List — Space Between, Background, Delete Color, Padding, Borders, Typography.
- Button — Size, Override Width, Full Width At, Background, Outline, Color, No Fill On Hover, Typography, Padding, Borders; Effects > Transition Duration / Scale On Hover; Icon, Position, Size, Color, Space Before.
Quantity Input
Fields > Advanced > Quantity Input styles existing quantity controls; it does not add buttons to Number fields. Controls: Max Width, Background, Typography, Borders, Padding. Buttons adds No Overlap, Between Inputs, Width, Height, Background, Icon Color, Icon Size, Borders, Padding, Nudge > X / Y.
Submit Button
Submit Button > Alignment: left, center, right, full width. Styles: Primary, Secondary (shared styles), Custom, Text. Under Custom, choose Custom settings or a Preset.
Custom controls: Size (Custom, Small, Default, Large), Override Width, Full Width At, Background, Outline, Color, No Fill On Hover, Typography, Padding, Borders (Square, Round, Custom, with radius/border styling); Icon, Position, Size, Color, Space Before; Effects > Transition Duration / Scale On Hover.
Text style: typography, Fancy Underline, Underline Color, Arrow or custom arrow, Space Before, Arrow Size. Set wording under Form > Submit Text in the Content tab.
Messages and Steps
Messages contains Space Above, Padding, and Error / Success > Background / Borders / Typography. Set wording in Form in the Content tab. Other > Stepper styles multistep indicators and buttons.
