> ## Documentation Index
> Fetch the complete documentation index at: https://help-center.quizify.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Question

> Add questions, choose question types, and configure content and design settings in the Quiz Builder.

## Add a Page

Click Add Page, then choose one of the following options:

<table>
  <thead>
    <tr>
      <th>Option</th>
      <th>Description</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question</td>
      <td>Adds a new quiz question where respondents can select or enter an answer.</td>
    </tr>

    <tr>
      <td>Content Slide</td>
      <td>Adds an informational slide to display text, images, or other content without requiring a response from the user.</td>
    </tr>

    <tr>
      <td>User Form</td>
      <td>Adds a lead capture form to collect customer information such as name, email address, phone number, and other details.</td>
    </tr>
  </tbody>
</table>

Note: You can add only one User Form per quiz.

### Question Types

When you add a Question, open Settings and choose a Question Type.

Quizify includes 12 question types:

<table>
  <thead>
    <tr>
      <th>Question Type</th>
      <th>What Customers Do</th>
      <th>Center Preview Shows</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Single Selection</td>
      <td>Choose one answer</td>
      <td>Question title, “(Select one option)”, answer cards or a dropdown</td>
    </tr>

    <tr>
      <td>Multiple Selection</td>
      <td>Choose more than one answer</td>
      <td>Same interface as Single Selection, with multi-select behavior</td>
    </tr>

    <tr>
      <td>Range Slider</td>
      <td>Move a slider between two numbers</td>
      <td>Question title and a horizontal slider with start/end values</td>
    </tr>

    <tr>
      <td>Text Field</td>
      <td>Type a short answer</td>
      <td>Question title and a single-line input</td>
    </tr>

    <tr>
      <td>Long Text</td>
      <td>Type a longer answer</td>
      <td>Question title and a larger text area</td>
    </tr>

    <tr>
      <td>File Upload</td>
      <td>Upload a file</td>
      <td>Question title and a drag-and-drop upload area</td>
    </tr>

    <tr>
      <td>Name</td>
      <td>Enter a name</td>
      <td>Question title and a text input</td>
    </tr>

    <tr>
      <td>Number</td>
      <td>Enter a number</td>
      <td>Question title and a number input</td>
    </tr>

    <tr>
      <td>Date Field</td>
      <td>Pick a date or date range</td>
      <td>Question title and a date picker</td>
    </tr>

    <tr>
      <td>Feedback</td>
      <td>Pick a score on a numbered scale</td>
      <td>Question title and numbered options with left/middle/right labels</td>
    </tr>

    <tr>
      <td>Rating</td>
      <td>Rate with icons, such as stars</td>
      <td>Question title and a row of rating icons</td>
    </tr>

    <tr>
      <td>Address</td>
      <td>Fill in address fields</td>
      <td>Question title and address form fields</td>
    </tr>
  </tbody>
</table>

Note: Some question types, such as File Upload, may depend on your plan.

### How Question Settings Work

1. Select a question in the Builder list.
2. Use the right-panel Settings tab for content and behavior.
3. Use the Design tab using the paintbrush icon for fonts, colors, and field styling.
4. Watch the center preview update as you edit.

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>What It Does</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Type</td>
      <td>Changes the kind of question and updates the preview.</td>
    </tr>

    <tr>
      <td>Question Required</td>
      <td>When enabled, the question cannot be skipped.</td>
    </tr>
  </tbody>
</table>

### 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

1. Hover over the question in the Builder list.
2. Use the drag handle that appears.
3. Drag the question up or down to the desired position.

To delete a question

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

To duplicate a question

1. Hover over the question in the Builder list.
2. Click Duplicate.
3. 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

1. Question 1 asks for the user’s name (for example, a Name or Text field question).
2. In Question 2, type @ in the Question title and choose the name question.
3. A shortcode such as `{{Q1-value:6F5BC0}}` is inserted.
4. On the live quiz, if the user entered Priya, the next question can appear like: Priya, what brings you here?

How to use it

1. Open a question after the first one in the Quiz Builder.
2. Click inside Question title or Question description.
3. Type @.
4. Choose the previous question whose answer you want to insert.
5. Save the quiz.

Notes

* 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.

Center Preview: The preview shows the question exactly as quiz takers will see it:

* 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:

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>Details</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Type</td>
      <td>Choose Single Selection or Multiple Selection.</td>
    </tr>

    <tr>
      <td>Question Required</td>
      <td>This question cannot be skipped.</td>
    </tr>

    <tr>
      <td>Show as Dropdown</td>
      <td>Displays answers in a dropdown menu instead of cards. Only for Single Selection and Multiple Selection.</td>
    </tr>
  </tbody>
</table>

#### Question Content Settings

<table>
  <thead>
    <tr>
      <th>Field</th>
      <th>What It Is For</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Main question heading. Supports dynamic answers from previous questions. Type @ to insert a previous answer.</td>
    </tr>

    <tr>
      <td>Question Description</td>
      <td>Extra instructions. Also supports @ dynamic answers.</td>
    </tr>

    <tr>
      <td>Tooltip</td>
      <td>Extra help text shown when the user hovers over the info icon.</td>
    </tr>
  </tbody>
</table>

#### Question Image Settings

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>Details</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Upload Question Image</td>
      <td>Max 20 MB · JPG, SVG, PNG, WEBP</td>
    </tr>

    <tr>
      <td>Image Placement (Desktop)</td>
      <td>Top, Center, Left, Right, Full Background, Left Background, Right Background</td>
    </tr>

    <tr>
      <td>Image Transparency (Desktop)</td>
      <td>0% to 100%</td>
    </tr>

    <tr>
      <td>Image Placement (Mobile)</td>
      <td>Top, Center, Above Question Name, Background, None</td>
    </tr>

    <tr>
      <td>Background Focus Point</td>
      <td>Available only when mobile placement is Above Question Name or Background.</td>
    </tr>

    <tr>
      <td>Image Transparency (Mobile)</td>
      <td>0% to 100%</td>
    </tr>
  </tbody>
</table>

#### Question Content Design Settings

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Question Description</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Field Text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>
  </tbody>
</table>

#### Field Design Settings

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>Range / Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Background Color</td>
      <td>Custom color</td>
    </tr>

    <tr>
      <td>Border Color</td>
      <td>Custom color</td>
    </tr>

    <tr>
      <td>Border Width</td>
      <td>1 px to 10 px</td>
    </tr>

    <tr>
      <td>Corner Radius</td>
      <td>0 px to 50 px</td>
    </tr>
  </tbody>
</table>

Note: To add an answer option, click Add answer. It will add an answer option.

#### Answer Settings

Answer settings are available only for Single Selection and Multiple Selection.

Answer Layout: Click on an answer to see these options:

<table>
  <thead>
    <tr>
      <th>Layout</th>
      <th>What It Does</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Auto</td>
      <td>Chooses the best number of columns automatically.</td>
    </tr>

    <tr>
      <td>1 Column</td>
      <td>Shows answers in one vertical column.</td>
    </tr>

    <tr>
      <td>2 Columns</td>
      <td>Shows answers in two columns.</td>
    </tr>

    <tr>
      <td>3 Columns</td>
      <td>Shows answers in three columns.</td>
    </tr>

    <tr>
      <td>4 Columns</td>
      <td>Shows answers in four columns.</td>
    </tr>
  </tbody>
</table>

#### Option-Wise Settings

Click each answer option to edit it.

To reorder an answer option

1. Hover over the answer option in the Builder list.
2. Use the drag handle that appears.
3. Drag the option up or down to change its order.

To delete an answer option

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

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>What It Is For</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Answer Text</td>
      <td>Answer option title.</td>
    </tr>

    <tr>
      <td>Description</td>
      <td>Extra context for the answer.</td>
    </tr>

    <tr>
      <td>Tooltip</td>
      <td>Shown when hovering over the option.</td>
    </tr>

    <tr>
      <td>Answer Tags</td>
      <td>Assign one or more tags to the answer.</td>
    </tr>

    <tr>
      <td>Answer Image</td>
      <td>Image for that answer.</td>
    </tr>

    <tr>
      <td>Image Alignment</td>
      <td>Controls how the answer image sits relative to the text.</td>
    </tr>
  </tbody>
</table>

### 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

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>Details</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Range Start</td>
      <td>Lowest value the user can select.</td>
    </tr>

    <tr>
      <td>Range End</td>
      <td>Highest value the user can select. Must be higher than Range Start.</td>
    </tr>
  </tbody>
</table>

Question content design settings

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Description text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Field Design</td>
      <td>Background Color</td>
    </tr>
  </tbody>
</table>

### 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

<table>
  <thead>
    <tr>
      <th>Type</th>
      <th>What the Preview Shows</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Text Field</td>
      <td>Question title and a single-line input, such as Type your answer here.</td>
    </tr>

    <tr>
      <td>Long Text</td>
      <td>Question title and a larger multi-line text area.</td>
    </tr>

    <tr>
      <td>Name</td>
      <td>Question title and a name text input.</td>
    </tr>
  </tbody>
</table>

Extra content settings

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>Details</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Hint Text</td>
      <td>Placeholder text such as Type your answer here. Maximum 100 characters.</td>
    </tr>
  </tbody>
</table>

These question types also include the shared title, description, tooltip, and image settings.

Question content design settings

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Description text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Field Style</td>
      <td>Background Color · Border color · Border width: 1–10 px · Corner radius: 0–50 px</td>
    </tr>

    <tr>
      <td>Field Text</td>
      <td>Font Color</td>
    </tr>
  </tbody>
</table>

### 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

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>Details</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>File Type</td>
      <td>All · Images · Document. Whichever type is selected, users can only upload that file type.</td>
    </tr>

    <tr>
      <td>Upload Area Text</td>
      <td>Customize the drag-and-drop message shown in the preview.</td>
    </tr>
  </tbody>
</table>

Question content design settings

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Description text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Field Style</td>
      <td>Background Color · Border color</td>
    </tr>

    <tr>
      <td>Field Text</td>
      <td>Font Color</td>
    </tr>
  </tbody>
</table>

### Number

Center Preview: Shows the question title and a number input with hint text.

Extra content settings

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>Details</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Hint Text</td>
      <td>Placeholder text. Maximum 100 characters.</td>
    </tr>

    <tr>
      <td>Set Minimum Value</td>
      <td>Optional. Lowest number allowed, for example 1.</td>
    </tr>

    <tr>
      <td>Set Maximum Value</td>
      <td>Optional. Highest number allowed, for example 100.</td>
    </tr>
  </tbody>
</table>

Answers outside the minimum or maximum range are not accepted.

Question content design settings

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Description text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Field Style</td>
      <td>Background Color, Border color, Border width: 1–10 px, Corner radius: 0–50 px</td>
    </tr>

    <tr>
      <td>Field Text</td>
      <td>Font Color</td>
    </tr>
  </tbody>
</table>

### 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

<table>
  <thead>
    <tr>
      <th>Option</th>
      <th>What It Does</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Single Date</td>
      <td>Users select one date.</td>
    </tr>

    <tr>
      <td>Date Range</td>
      <td>Users select a Start Date and End Date.</td>
    </tr>
  </tbody>
</table>

Validation notes

* End date must be the same as or later than the start date.
* Invalid or incomplete dates are not accepted.

Question content design settings

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Description text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Field Style</td>
      <td>Background Color, Border color, Border width: 1–10 px, Corner radius: 0–50 px</td>
    </tr>

    <tr>
      <td>Field Text</td>
      <td>Font Color</td>
    </tr>
  </tbody>
</table>

### 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

<table>
  <thead>
    <tr>
      <th>Setting</th>
      <th>Details</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Number of Options</td>
      <td>Slider · Range 3 to 10</td>
    </tr>

    <tr>
      <td>Left Label</td>
      <td>Maximum 30 characters. Example: Least Likely</td>
    </tr>

    <tr>
      <td>Middle Label</td>
      <td>Maximum 30 characters. Example: Average</td>
    </tr>

    <tr>
      <td>Right Label</td>
      <td>Maximum 30 characters. Example: Most Likely</td>
    </tr>
  </tbody>
</table>

Question content design settings

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Description text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Field Style</td>
      <td>Background Color · Border color</td>
    </tr>

    <tr>
      <td>Field Text</td>
      <td>Font Color</td>
    </tr>
  </tbody>
</table>

### Rating

Center Preview: Shows the question title and a row of rating icons. The default example uses five stars.

Rating icon type

<table>
  <thead>
    <tr>
      <th>Available Icons</th>
      <th>Behavior</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Star, Heart, Thumbs Up,<br />Smiley, Fire, Trophy</td>
      <td>Choose one icon type at a time.<br />Changing the icon updates the look without changing rating values.</td>
    </tr>
  </tbody>
</table>

Question content design settings

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Description text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Field Style</td>
      <td>Background Color · Border color</td>
    </tr>

    <tr>
      <td>Field Text</td>
      <td>Font Color</td>
    </tr>
  </tbody>
</table>

### Address

Center Preview: Shows the question title and address fields such as:

* Address Line 1
* Address Line 2
* City and State
* Pincode and Country

Address field settings appear under Form fields. The subtitle is Customize labels shown to respondents.

Each address field has these controls:

<table>
  <thead>
    <tr>
      <th>Control</th>
      <th>What it does</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Label box</td>
      <td>Customize the field name shown to customers. Maximum 40 characters. A counter such as 14/40 appears in the box.</td>
    </tr>

    <tr>
      <td>Eye icon</td>
      <td>Show or hide the field. Hidden fields are not shown in the quiz.</td>
    </tr>

    <tr>
      <td>Required checkbox</td>
      <td>If checked, the customer must fill in that field before continuing.</td>
    </tr>
  </tbody>
</table>

These controls apply to every address field:

* Address line 1
* Address line 2
* City
* State / Province
* Pincode
* Country

Notes

* Hidden fields are not shown to users.
* Required fields must be completed before submitting.
* Labels can be renamed to match your store language.

Question content design settings

<table>
  <thead>
    <tr>
      <th>Element</th>
      <th>Options</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Question Title</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Description text</td>
      <td>Font color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold</td>
    </tr>

    <tr>
      <td>Field Style</td>
      <td>Background Color, Border color, Border width: 1–10 px, Corner radius: 0–50 px</td>
    </tr>

    <tr>
      <td>Field Text</td>
      <td>Font Color</td>
    </tr>
  </tbody>
</table>

<nav class="qh-pagination" aria-label="Pagination">
  <a class="pagination-prev" href="/quiz-builder/quiz/intro-page">
    <span>
      <strong>Intro Page</strong>
      <span>Previous</span>
    </span>
  </a>

  <a class="pagination-next" href="/quiz-builder/quiz/content-slide">
    <span>
      <strong>Content Slide</strong>
      <span>Next</span>
    </span>
  </a>
</nav>