Add a Page
Click Add Page, then choose one of the following options:| Option | Description |
|---|---|
| Question | Adds a new quiz question where respondents can select or enter an answer. |
| Content Slide | Adds an informational slide to display text, images, or other content without requiring a response from the user. |
| User Form | Adds a lead capture form to collect customer information such as name, email address, phone number, and other details. |
Question Types
When you add a Question, open Settings and choose a Question Type. Quizify includes 12 question types:| Question Type | What Customers Do | Center Preview Shows |
|---|---|---|
| Single Selection | Choose one answer | Question title, “(Select one option)”, answer cards or a dropdown |
| Multiple Selection | Choose more than one answer | Same interface as Single Selection, with multi-select behavior |
| Range Slider | Move a slider between two numbers | Question title and a horizontal slider with start/end values |
| Text Field | Type a short answer | Question title and a single-line input |
| Long Text | Type a longer answer | Question title and a larger text area |
| File Upload | Upload a file | Question title and a drag-and-drop upload area |
| Name | Enter a name | Question title and a text input |
| Number | Enter a number | Question title and a number input |
| Date Field | Pick a date or date range | Question title and a date picker |
| Feedback | Pick a score on a numbered scale | Question title and numbered options with left/middle/right labels |
| Rating | Rate with icons, such as stars | Question title and a row of rating icons |
| Address | Fill in address fields | Question title and address form fields |
How Question Settings Work
- Select a question in the Builder list.
- Use the right-panel Settings tab for content and behavior.
- Use the Design tab using the paintbrush icon for fonts, colors, and field styling.
- Watch the center preview update as you edit.
| Setting | What It Does |
|---|---|
| Question Type | Changes the kind of question and updates the preview. |
| Question Required | When enabled, the question cannot be skipped. |
Drag, Delete, or Duplicate a Question
You can change the order of questions in the Builder list or remove a question you no longer need. To reorder a question- Hover over the question in the Builder list.
- Use the drag handle that appears.
- Drag the question up or down to the desired position.
- Hover over the question in the Builder list.
- Click the delete icon.
- Confirm if prompted.
- Hover over the question in the Builder list.
- Click Duplicate.
- It will create the same question below that question, and you can use that question as a normal question.
Insert Answers from Previous Questions (@)
You can personalize later questions by inserting an answer from an earlier question. In the Question title or Question description field, type @ to insert answers from previous questions (for example,{{Q1-value:6F5BC0}}).
When a user answers the earlier question, Quizify replaces that shortcode with their real answer on the next screens.
Example
- Question 1 asks for the user’s name (for example, a Name or Text field question).
- In Question 2, type @ in the Question title and choose the name question.
- A shortcode such as
{{Q1-value:6F5BC0}}is inserted. - On the live quiz, if the user entered Priya, the next question can appear like: Priya, what brings you here?
- Open a question after the first one in the Quiz Builder.
- Click inside Question title or Question description.
- Type @.
- Choose the previous question whose answer you want to insert.
- Save the quiz.
- The inserted value looks like
{{Q1-value:6F5BC0}}in the editor. - On the storefront, users see the real answer text, not the shortcode.
- Use this for names, preferences, or any earlier answer you want to repeat later.
Question Types and Content and Design Settings
Single Selection and Multiple Selection
Single Selection and Multiple Selection use the same interface.- Single Selection — customers choose one answer.
- Multiple Selection — customers can choose more than one answer.
- Question title as a heading
- Subtext for selection mode, such as (Select one option)
- Answers as cards in a grid, or all answers in a dropdown when Show as Dropdown is enabled
Question Settings
These are the common content settings available in all question types:| Setting | Details |
|---|---|
| Question Type | Choose Single Selection or Multiple Selection. |
| Question Required | This question cannot be skipped. |
| Show as Dropdown | Displays answers in a dropdown menu instead of cards. Only for Single Selection and Multiple Selection. |
Question Content Settings
| Field | What It Is For |
|---|---|
| Question Title | Main question heading. Supports dynamic answers from previous questions. Type @ to insert a previous answer. |
| Question Description | Extra instructions. Also supports @ dynamic answers. |
| Tooltip | Extra help text shown when the user hovers over the info icon. |
Question Image Settings
| Setting | Details |
|---|---|
| Upload Question Image | Max 20 MB · JPG, SVG, PNG, WEBP |
| Image Placement (Desktop) | Top, Center, Left, Right, Full Background, Left Background, Right Background |
| Image Transparency (Desktop) | 0% to 100% |
| Image Placement (Mobile) | Top, Center, Above Question Name, Background, None |
| Background Focus Point | Available only when mobile placement is Above Question Name or Background. |
| Image Transparency (Mobile) | 0% to 100% |
Question Content Design Settings
| Element | Options |
|---|---|
| Question Title | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Question Description | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Field Text | 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 |
Answer Settings
Answer settings are available only for Single Selection and Multiple Selection. Answer Layout: Click on an answer to see these options:| Layout | What It Does |
|---|---|
| Auto | Chooses the best number of columns automatically. |
| 1 Column | Shows answers in one vertical column. |
| 2 Columns | Shows answers in two columns. |
| 3 Columns | Shows answers in three columns. |
| 4 Columns | Shows answers in four columns. |
Option-Wise Settings
Click each answer option to edit it. To reorder an answer option- Hover over the answer option in the Builder list.
- Use the drag handle that appears.
- Drag the option up or down to change its order.
- Hover over the answer option in the Builder list.
- Click the delete icon.
- Confirm if prompted.
| Setting | What It Is For |
|---|---|
| Answer Text | Answer option title. |
| Description | Extra context for the answer. |
| Tooltip | Shown when hovering over the option. |
| Answer Tags | Assign one or more tags to the answer. |
| Answer Image | Image for that answer. |
| Image Alignment | Controls how the answer image sits relative to the text. |
Range Slider
Center Preview Shows the question title and a horizontal slider between your start and end values, such as 0 to 20. Extra content settings| Setting | Details |
|---|---|
| Range Start | Lowest value the user can select. |
| Range End | Highest value the user can select. Must be higher than Range Start. |
| Element | Options |
|---|---|
| Question Title | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Description text | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Field Design | Background Color |
Text Field, Long Text, and Name
These three types share similar content and Design settings. The preview changes according to the input size and purpose. Center Preview| Type | What the Preview Shows |
|---|---|
| Text Field | Question title and a single-line input, such as Type your answer here. |
| Long Text | Question title and a larger multi-line text area. |
| Name | Question title and a name text input. |
| Setting | Details |
|---|---|
| Hint Text | Placeholder text such as Type your answer here. Maximum 100 characters. |
| Element | Options |
|---|---|
| Question Title | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Description text | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Field Style | Background Color · Border color · Border width: 1–10 px · Corner radius: 0–50 px |
| Field Text | Font Color |
File Upload
Center Preview: Shows the question title and an upload box such as Drag & drop files here or click to browse. Extra content settings| Setting | Details |
|---|---|
| File Type | All · Images · Document. Whichever type is selected, users can only upload that file type. |
| Upload Area Text | Customize the drag-and-drop message shown in the preview. |
| Element | Options |
|---|---|
| Question Title | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Description text | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Field Style | Background Color · Border color |
| Field Text | Font Color |
Number
Center Preview: Shows the question title and a number input with hint text. Extra content settings| Setting | Details |
|---|---|
| Hint Text | Placeholder text. Maximum 100 characters. |
| Set Minimum Value | Optional. Lowest number allowed, for example 1. |
| Set Maximum Value | Optional. Highest number allowed, for example 100. |
| Element | Options |
|---|---|
| Question Title | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Description text | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Field Style | Background Color, Border color, Border width: 1–10 px, Corner radius: 0–50 px |
| Field Text | Font Color |
Date Field
Center Preview: Shows the question title and a date input with the placeholder mm/dd/yyyy and a calendar icon. Date picker type| Option | What It Does |
|---|---|
| Single Date | Users select one date. |
| Date Range | Users select a Start Date and End Date. |
- End date must be the same as or later than the start date.
- Invalid or incomplete dates are not accepted.
| Element | Options |
|---|---|
| Question Title | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Description text | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Field Style | Background Color, Border color, Border width: 1–10 px, Corner radius: 0–50 px |
| Field Text | Font Color |
Feedback
Center Preview: Shows the question title and a numbered scale, such as 1 to 10, with labels such as Least Likely, Average, and Most Likely. Extra content settings| Setting | Details |
|---|---|
| Number of Options | Slider · Range 3 to 10 |
| Left Label | Maximum 30 characters. Example: Least Likely |
| Middle Label | Maximum 30 characters. Example: Average |
| Right Label | Maximum 30 characters. Example: Most Likely |
| Element | Options |
|---|---|
| Question Title | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Description text | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Field Style | Background Color · Border color |
| Field Text | Font Color |
Rating
Center Preview: Shows the question title and a row of rating icons. The default example uses five stars. Rating icon type| Available Icons | Behavior |
|---|---|
| Star, Heart, Thumbs Up, Smiley, Fire, Trophy | Choose one icon type at a time. Changing the icon updates the look without changing rating values. |
| Element | Options |
|---|---|
| Question Title | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Description text | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Field Style | Background Color · Border color |
| Field Text | Font Color |
Address
Center Preview: Shows the question title and address fields such as:- Address Line 1
- Address Line 2
- City and State
- Pincode and Country
| Control | What it does |
|---|---|
| Label box | Customize the field name shown to customers. Maximum 40 characters. A counter such as 14/40 appears in the box. |
| Eye icon | Show or hide the field. Hidden fields are not shown in the quiz. |
| Required checkbox | If checked, the customer must fill in that field before continuing. |
- Address line 1
- Address line 2
- City
- State / Province
- Pincode
- Country
- Hidden fields are not shown to users.
- Required fields must be completed before submitting.
- Labels can be renamed to match your store language.
| Element | Options |
|---|---|
| Question Title | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Description text | Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold |
| Field Style | Background Color, Border color, Border width: 1–10 px, Corner radius: 0–50 px |
| Field Text | Font Color |