Explore the form builder
After creating an online web form, you can access the new form builder, which offers enhanced features. You can switch back to the old form builder at any time.
Introduce the form builder
The new form builder has these parts:
Top Action Buttons
These buttons help you do important things with your form, like adding logic, checking how it looks, sharing it, or adjusting settings. You can also use the search bar to find stuff quickly.
Far left Toolbar
Choose different types of fields to add to your form.
Left Field Panel
Customize each field and how it works.
Right PDF Form Area
See how your form looks as a PDF. You can change the layout by moving things around or resizing them.
Switch to the old form builder
If you want to go back to the old form builder, click the Switch button at the bottom right corner of the form builder interface.
In the top left corner of the form builder, you’ll see action buttons that perform the following functions:
- Logics: Create conditions and rules to automate actions and workflows when respondents fill out the form.
- Preview & Design: Check how your form looks and customize its appearance.
- Publish: Make your form available for sharing when it’s ready for submissions.
Next to the “Main Functions” buttons, you’ll find a small ••• icon. Clicking this icon opens a dropdown menu with various form settings options, including:
Configure form-related options like submission messages and languages.
Personalize email notifications for form submissions.
Customize form submission invitations.
Review how the form looks in an offline PDF version.
Universal Field Styles
Customize the form’s appearance.
Track previous form versions and revert to them if needed.
Reset the form to its empty or initial state.
Currently, you can use the search box to quickly locate a field by entering its label or ID.
The Toolbar includes frequently used form fields like Text Input and Dropdown. Click the ••• icon to see additional fields.
In the left Field panel, you have several options:
Change the order of fields by dragging and dropping them. This affects the sequence of fields on the online form.
Edit a single field
Each field is enclosed within a widget. When you hover over a specific field, the field widget will be highlighted. Here’s what you can do:
Click the field widget to open the attributes panel and modify its attributes.
Click the X icon in the upper right corner of the widget to delete the field.
In the lower right corner of the widget, set the field status to
To clone this field, hover to the left of the Required button and click the Clone button.
PDF Form Area
In the right PDF Form Area, you can perform the following actions:
Arrange field widgets
Position the widget on the PDF by dragging it to your desired location.
Adjust the widget’s size by dragging any of its four sides. Alternatively, you can manually enter the width or height at the top of the form panel after selecting a specific field widget.
Adjust panel sizes
In the new form builder, you can resize the Field Panel and the PDF Form Area by clicking and dragging the horizontal divider line between them.
In the old form builder, you can switch between different view modes using the buttons at the top:
Edit field details and the overall form structure simultaneously.
Fields pane view
Focus solely on editing and arranging fields.
Form Page Pane View
Manage the overall form page structure.
For online web forms with multiple pages:
Page Toggle: Located at the bottom of both the left and right panels, use it to switch between pages.
Field Panel pages (Left) are divided using the “Page Break” field.
PDF Form Area pages (Right) are divided based on the actual page count of the PDF.