TreyzaHelp Center
Forms

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:

FieldWhat is it for?Example
Text InputShort single-line text.Name, email, phone, number, price, URL
Text AreaLong multi-line text."Your message"
DropdownA list of options that opens when clicked (single selection)."Select a city"
Radio ButtonSide-by-side options (single selection)."Gender"
CheckboxCheckable box(es) (multiple selection)."Areas of interest"
Date PickerDate from a calendar (and optional time)."Appointment date"
File UploadThe customer uploads a file."CV / design file"
SwitchYes/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. The window that opens has three tabs: General, Notifications and Security.

Settings on the General tab:

SettingWhat is it for?
Form NameThe form's name (required). On a new form, the address (slug) is generated automatically from this.
SlugThe form's web address. (Automatic on a new form; does not change when editing.)
DescriptionThe description shown below the form title.
Submit Button TextThe text of the button the customer will press (default "Submit").
Success MessageThe thank-you message shown after the form is submitted.
Redirect URLIf you want to redirect the customer to an address after submission.
ActiveIs the form published?

On the right of the window, a live preview shows you how the form will look.

On the Notifications tab you configure who gets notified — and how — when a new submission arrives (in-app notification / email, store owner / staff). For details see Form Notifications (Get notified about new submissions).

On the Security tab you turn the form's bot protection on or off (see the section below).


Bot protection

Bot protection stops your form from being filled by programs (bots) that send ads and junk messages. Your real customers usually notice nothing.

  1. Press the Form Settings button in the top bar.
  2. Switch to the Security tab.
  3. Turn on the Bot protection switch.
  4. Close the window and press the Save button in the top bar.

The switch has this description under it: "When on, submissions and file uploads for this form go through bot verification. The method comes from your store setting: {provider}." Here {provider} is replaced by the verification method your store uses (for example Treyza built-in protection or Cloudflare Turnstile). To change the method, click the Integrations → Security link right below it; the link opens in a new tab, so unsaved changes in the form aren't lost. If the method can't be loaded at that moment, the description shows only its first sentence and the link doesn't appear; you can still change the method in the Security section of the Integrations page.

  • In new forms bot protection starts on.
  • In forms created before the bot protection feature it starts off; we recommend turning it on yourself for those forms.
  • Even with the switch off, the number of submissions a form can receive in a short time is limited and the file upload rules apply.

Tip: The Bot protection: how your store is protected page explains how bot protection works and which method you can choose.


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

  1. New Form → in the builder that opens, set the form name to "Contact Form" from Form Settings.
  2. Drag a Text Input from the left panel → from the settings set its label to "Full Name".
  3. One more Text Input → label "Email", Input Type "Email".
  4. Drag a Text Area → label "Your message".
  5. From Form Settings, set the Success Message and Submit Button Text, and turn on Active.
  6. 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)).

Does adding bot protection to my form slow the customer down? No. The verification usually finishes in the background while the customer fills in the form; the customer sees no extra step. Only if your store uses Google reCAPTCHA v2 does the customer tick the "I'm not a robot" box.

Was this page helpful?

On this page