3.3. Custom Registration Form Builder

Customize registration form fields, configure multi-language content (VI/EN/JA) for the whole form, toggle required status, reorder inputs, and preview the live form interface for attendees.

1

Form Builder Management & Live Preview Interface

The left pane lets you switch the language for the entire form (VI/EN/JA), add, edit, and reorder fields; the right pane displays a real-time preview of the attendee form in the selected language.

ComponentFunction & Guidelines
"+ Add field" ButtonClick to add a new custom question or input field to the form.
Content Language (VI, EN, JA)Switches the editing and preview language for the entire form. Selecting a language (e.g., EN or JA) switches all field titles, placeholders, and options across the entire form to that language for translation (empty fields fall back to the default language).
Reorder Buttons ↑ ↓Click up / down arrows on each card to change the field display sequence.
Default Fields (Name, Email...)Core system fields that are permanently enabled for attendee identity.
Form Preview PaneLive visual preview simulating the entire form as attendees will see it in the selected language.
2

Field Details Editing & Required Status Setting

Choose input data type, toggle compulsory required status, enter placeholder guide text, and save changes.

Setting FieldDetailed Instructions
"Type" DropdownChoose input data type: Text, Dropdown Select, Phone Number, etc.
"Required" CheckboxCheck to enforce compulsory input before registration submission.
"Field Name *" InputEnter the question label displayed above the input box in the selected form language.
"Placeholder" InputEnter faint ghost text guiding attendees on format in the selected form language.
"Reset" ButtonRevert all un-saved field changes back to the last saved configuration.
"Save" ButtonCommit and publish updated form field settings immediately to the database.