Create forms to collect information, manage online registrations, or run satisfaction surveys. You can drag and drop controls to build your form without writing code, and then embed the form on your website. This topic explains how to create and publish a form and describes the configuration for each control in the form designer.
Quick start
You can create and publish a form in three steps.
Open the form designer
In the navigation pane on the left of the console, click Form Management.
In the form list, find the target form and click the
button next to it to open the form designer.
Design the form
Add and configure controls to build the form.
From the control panel on the left, drag controls, such as Input Box and Radio Button, to the canvas.
Select a control on the canvas. The configuration panel for the control appears on the right. In the panel, you can set properties such as the title, hint text, and whether the control is required.
At the top of the designer, you can manage the form page. For example, you can add a new form page, switch templates, or copy the current page.
Publishing to a website
Embed the form on a webpage so that users can access and complete it.
After you finish designing the form, open the page designer for your website. Find the form component in the component library and add it to the page.
Select the form component. In its configuration items, select the form that you created.
NoteIf you modify the form, you must re-add the form component in the page designer for the changes to take effect.
Control details
Control |
Description |
Input box |
Collects short, single-line text, such as a name. |
Text box |
Collects multi-line text, such as comments or descriptions. |
Text |
Adds a static text description. |
Line |
Adds a line separator to divide content. |
Dropdown |
Provides a dropdown menu where users can select one option. Set the dropdown options before use. |
Container |
Provides a two-column or three-column layout. |
Radio button |
Provides multiple options. Users can select only one. Set the options before use. |
Image radio button |
A radio button control with images. Each option includes an image and a text description. Users can select only one. Set the image and text for each option before use. |
Checkbox |
Provides multiple options. Users can select one or more. Set the options before use. |
Multiple Image Selection |
A checkbox control with images. Each option includes an image and a text description. Users can select one or more. Set the image and text for each option before use. |
Number |
Restricts input to numbers only. Use this to collect information such as mobile phone numbers or quantities. |
Rating |
Provides star or number ratings to collect data such as satisfaction scores. |
Date |
Provides a date picker to collect a specific date. |
Upload |
Lets users upload files. |
Address |
Provides cascading selectors for province, city, and district to collect detailed address information. |
What to do next
To learn how to view form data, see Form management.