Add a form to a page

Last updated: September 8, 2026 · 1 min read

Create a form readers can fill in and submit on the page.

A page form remains visible. Use the popup-form lesson for forms opened from buttons, product cards, or hotspots.

Open forms from buttons, cards, and hotspots
Open a request form without keeping all its fields on the page.
Form notifications and responses
Check stored responses and optional notifications.

Follow these steps

1
Insert the form
EditorElements > Form & Quiz
Click a form preset. Enter a title and description explaining why you are requesting the information.
2
Add and configure fields
PropertiesForm Fields
Use Add Field and expand its row. Choose Text, Email, Phone, Long Text, Select, Checkbox, Number, or Date. Enter a label and, where appropriate, separate placeholder text.
3
Set options and requirements
PropertiesForm Fields
Enter one option per line for a select field. Enable Required where needed. Use the available input-purpose setting for personal information such as email or full name. Choose the field type for the data, not only its appearance.
4
Arrange the fields
PropertiesForm Fields
Use up/down arrows for order and Full/Half for width. Remove deletes the field from the form. Adding fields may enlarge the block; removing them does not automatically shrink extra height. Check that Submit remains visible.
5
Style the form and feedback
PropertiesStyle
Adjust typography/style, labels and input text, input fill/borders, corners, and button colors. Set Submit text and the success message. Check contrast and legibility at the actual form size.
6
Verify a submission
EditorPreview
Try missing required values, an invalid email, and valid data. Verify the success message and the saved response in management. Form submission can create an actual record; do not assume it is only a visual simulation.

Compare what each setting changes.

Control	Where?	What it does
Text / Long Text	Properties	Use a single line for short values and long text for detailed messages.
Email / Phone	Properties	Choose the matching data type and provide a label and example.
Select	Properties	Enter one option per line for readers to choose from.
Checkbox	Properties	Explain what is being confirmed. A required checkbox must be checked to submit.
Number / Date	Properties	Use for numeric values or dates. Changing a label does not change the field type.
Full / Half	Properties	Sets width within the form. Check half-width fields on small screens too.

Check the result in preview, then verify the reader experience in the published version.