Form Builder (Drag-and-Drop)
You build your form by dragging fields (question types) from the left panel onto the canvas in the middle; you configure each field from the panel on…
Where to find: Forms → New Form (or Edit on a form) Who it's for: Anyone who designs forms In short: You build your form by dragging fields (question types) from the left panel onto the canvas in the middle; you configure each field from the panel on the right.
The screen consists of three panes
┌──────────────┬───────────────────────────┬──────────────────┐
│ LEFT: Fields │ MIDDLE: Canvas (form) │ RIGHT: Field │
│ (field palette)│ (the form you design) │ Settings │
└──────────────┴───────────────────────────┴──────────────────┘- Left (Fields): The question/field types that can be added.
- Middle (Canvas): The actual appearance of your form.
- Right (Field Settings): The settings of the field you select (see Form Field Settings (4 Tabs)).
In the top bar: the form name, the Form Settings button, and the Save button.
Left panel — 8 field types
The field (question) types you can add to the form:
| Field | What is it for? | Example |
|---|---|---|
| Text Input | Short single-line text. | Name, email, phone, number, price, URL |
| Text Area | Long multi-line text. | "Your message" |
| Dropdown | A list of options that opens when clicked (single selection). | "Select a city" |
| Radio Button | Side-by-side options (single selection). | "Gender" |
| Checkbox | Checkable box(es) (multiple selection). | "Areas of interest" |
| Date Picker | Date from a calendar (and optional time). | "Appointment date" |
| File Upload | The customer uploads a file. | "CV / design file" |
| Switch | Yes/No, On/Off. | "I want to be informed" |
Canvas — adding and editing fields
Adding a field
Grab a field from the left panel and drag it onto the canvas and drop it. On an empty canvas it says "Start by adding a field"; while dragging, "Drag field here / Drop here" appears.
Selecting a field
Click a field → it gets selected (highlighted around it) and its settings open in the right panel.
Field actions (while selected)
- Width: With the 1/3 · 1/2 · 2/3 · Full buttons above it, you choose the field's width (to line fields up side by side).
- Order: Change the field's order by grabbing the handle on the left and dragging.
- Copy: Duplicates the field.
- Delete (trash can): Removes the field.
Condition marker: If there is a yellow icon next to a field, it means that field is shown conditionally (depending on another answer; see Form Field Settings (4 Tabs)).
Form Settings
With the Form Settings button in the top bar, you configure the form's general settings:
| Setting | What is it for? |
|---|---|
| Form Name | The form's name (required). On a new form, the address (slug) is generated automatically from this. |
| Slug | The form's web address. (Automatic on a new form; does not change when editing.) |
| Description | The description shown below the form title. |
| Submit Button Text | The text of the button the customer will press (default "Submit"). |
| Success Message | The thank-you message shown after the form is submitted. |
| Redirect URL | If you want to redirect the customer to an address after submission. |
| Active | Is the form published? |
On the right of the window, a live preview shows you how the form will look.
Saving
Press the Save button in the top bar (it says "Saving..."). If successful, a "Form saved successfully" notification appears.
If the form name is empty or there are no fields, the Save button may be disabled.
Step by step: a simple contact form
- New Form → in the builder that opens, set the form name to "Contact Form" from Form Settings.
- Drag a Text Input from the left panel → from the settings set its label to "Full Name".
- One more Text Input → label "Email", Input Type "Email".
- Drag a Text Area → label "Your message".
- From Form Settings, set the Success Message and Submit Button Text, and turn on Active.
- Save.
Frequently asked questions
Can I place fields side by side? Yes — if you reduce the field's width (1/3, 1/2, etc.) they line up side by side.
Can I show a field based on a specific answer? Yes — from the field's Condition tab (see Form Field Settings (4 Tabs)).