User Form

Selecting User Form from Add Page adds a page to the quiz. You can add only one User Form per quiz. The User Form has two sub-items:

• Content — form title, description, and image
• Form Fields — field labels, visibility, and required options

Use the right-panel Settings tab for content and fields, and the Design tab for fonts, colors, and field styling.

​

Drag or Delete the User Form

You can place the User Form between questions or remove it if you no longer need it. To move the User Form

1. Hover over User Form in the Builder list.
2. Use the drag handle that appears.
3. Drag the User Form up or down to place it before, between, or after your questions.

To delete the User Form

1. Hover over User Form in the Builder list.
2. Click the delete icon.
3. Confirm if prompted.

Center Preview: The center preview shows the User Form as users will see it. A typical preview includes:

• Form title, for example User Form
• First Name and Last Name side by side
• Phone with country code
• Email
• Newsletter checkbox, for example Keep me up to date on news and exclusive offers

​

How to Add a User Form

1. Open the Quiz section.
2. Click Add Page → User Form.
3. Drag the User Form to the desired position among your questions.
4. Edit Content and Form Fields.
5. Open Design to match your brand.
6. Click Save.

​

User Form Content Settings

Click Content under User Form.

Field	What It Is For
Form Title	Main heading shown on the form.
Form Description	Extra information or instructions.

​

Form Image Settings

Setting	Details
Upload Image	Max 20 MB · JPG, SVG, PNG, WEBP
Image Placement (Desktop)	Left, Right, Full Background, Left Background, Right Background
Image Transparency (Desktop)	0% to 100%
Background Focus Point (Desktop)	Available when placement is Full, Left, or Right Background
Image Placement (Mobile)	Above Question Name, Background, None
Background Focus Point (Mobile)	Available when mobile placement is Above Question Name or Background
Image Transparency (Mobile)	0% to 100%

​

User Form Fields

Click Form Fields under User Form. Each field can include:

Control	Details
Label Text	Maximum 40 characters. Customize the label shown to users.
Visibility (Eye Icon)	Show or hide the field.
Required	When enabled, users must complete the field before continuing.

​

Available Form Fields

Field	Options
First Name	Label (max 40) · Visibility · Required
Last Name	Label (max 40) · Visibility · Required
Phone	Label (max 40) · Visibility · Required
Email	Label (max 40) · Visibility · Required
Subscribe to Newsletter	Label (max 40) · Visibility · Required

​

Disclaimer Message

Setting	Details
Disclaimer Message	Maximum 200 characters. Optional text below the form, such as a privacy notice.

Notes

• Labels can be renamed to match your store language.
• Hidden fields are not shown to users.
• Required fields must be completed before the form can be submitted.
• Each field can be configured independently.
• The disclaimer appears below the form only when you add text.

​

User Form Design Settings

Open the Design tab while the User Form is selected. A notice appears stating that styles Apply to all question types.

Setting	Details
Background Color	Custom color for the page background.
Content Alignment	Left or Center.
Background Image	Upload image · Max 20 MB · JPG, PNG, SVG, WEBP
Custom CSS	Optional advanced styling. May require an upgrade.

​

Font Title and Description for Content Settings

Element	Options
Font Title	Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Font Description	Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold

​

Field Design Settings

Setting	Range / Options
Background Color	Custom color
Border Color	Custom color
Border Width	1 px to 10 px
Corner Radius	0 px to 50 px
Field Text	Font color