How do I use the Form builder module in Product Settings?
What is the purpose of the Form builder module?
The Form builder module lets you attach a form to a product so you can gather additional information from users. This is especially useful for customised items, variable content, approval processes, and any workflow where extra details are required.
Form builder elements and categories
When you select Add element, you can choose from a variety of fields organised by the type of information they collect.
|
Category |
Element |
Description |
|
Text Input |
Single line |
A short text field for basic input (e.g., name, title). |
|
Multi line |
A larger text area for longer descriptions or comments. |
|
|
Choice |
Select |
A dropdown menu allowing the user to select one option from a predefined list. |
|
Checkbox |
A box that can be checked or unchecked to indicate a simple yes/no choice. |
|
|
Date |
Date |
[cite_start]A field with a calendar picker for selecting a single date[cite: 1, 2]. (e.g., datum field in the screenshot). |
|
Start & end date |
[cite_start]A combined field for selecting a range of dates[cite: 1, 2]. (e.g., Start / End field in the screenshot). |
|
|
Text |
Title |
A large, static text label used for section headings or prominent instructions. |
|
Text |
A smaller, static text block for regular instructions or explanations. |
|
|
Price |
Price levels |
Used to define different pricing tiers or options based on form input. |
|
Price |
Used to set a specific cost value based on user input or selection within the form. |
How do I build and configure a form?
-
Navigate to the Form builder module
In the Modules list, select Form builder. -
Add form elements
Select Add element and choose the element you want to include in the form. -
Configure each element
-
Label: This is the name shown to the user.
-
Advanced options: Each element has an automatically generated code to keep it unique.
-
Settings: Select Required field if the user must complete that field before ordering.
-
-
Reorder or manage elements
-
Drag the element using the handles on the left to rearrange the order.
-
Use the three dot menu inside each element to duplicate or delete it.
-
-
Save your form
Select Save to attach the completed form to the product.