Skip to main content

Add a Page

Click Add Page, then choose one of the following options:
OptionDescription
QuestionAdds a new quiz question where respondents can select or enter an answer.
Content SlideAdds an informational slide to display text, images, or other content without requiring a response from the user.
User FormAdds a lead capture form to collect customer information such as name, email address, phone number, and other details.
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:
Question TypeWhat Customers DoCenter Preview Shows
Single SelectionChoose one answerQuestion title, “(Select one option)”, answer cards or a dropdown
Multiple SelectionChoose more than one answerSame interface as Single Selection, with multi-select behavior
Range SliderMove a slider between two numbersQuestion title and a horizontal slider with start/end values
Text FieldType a short answerQuestion title and a single-line input
Long TextType a longer answerQuestion title and a larger text area
File UploadUpload a fileQuestion title and a drag-and-drop upload area
NameEnter a nameQuestion title and a text input
NumberEnter a numberQuestion title and a number input
Date FieldPick a date or date rangeQuestion title and a date picker
FeedbackPick a score on a numbered scaleQuestion title and numbered options with left/middle/right labels
RatingRate with icons, such as starsQuestion title and a row of rating icons
AddressFill in address fieldsQuestion title and address form fields
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.
SettingWhat It Does
Question TypeChanges the kind of question and updates the preview.
Question RequiredWhen 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
  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:
SettingDetails
Question TypeChoose Single Selection or Multiple Selection.
Question RequiredThis question cannot be skipped.
Show as DropdownDisplays answers in a dropdown menu instead of cards. Only for Single Selection and Multiple Selection.

Question Content Settings

FieldWhat It Is For
Question TitleMain question heading. Supports dynamic answers from previous questions. Type @ to insert a previous answer.
Question DescriptionExtra instructions. Also supports @ dynamic answers.
TooltipExtra help text shown when the user hovers over the info icon.

Question Image Settings

SettingDetails
Upload Question ImageMax 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 PointAvailable only when mobile placement is Above Question Name or Background.
Image Transparency (Mobile)0% to 100%

Question Content Design Settings

ElementOptions
Question TitleFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Question DescriptionFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Field TextFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold

Field Design Settings

SettingRange / Options
Background ColorCustom color
Border ColorCustom color
Border Width1 px to 10 px
Corner Radius0 px to 50 px
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:
LayoutWhat It Does
AutoChooses the best number of columns automatically.
1 ColumnShows answers in one vertical column.
2 ColumnsShows answers in two columns.
3 ColumnsShows answers in three columns.
4 ColumnsShows answers in four columns.

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.
SettingWhat It Is For
Answer TextAnswer option title.
DescriptionExtra context for the answer.
TooltipShown when hovering over the option.
Answer TagsAssign one or more tags to the answer.
Answer ImageImage for that answer.
Image AlignmentControls 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
SettingDetails
Range StartLowest value the user can select.
Range EndHighest value the user can select. Must be higher than Range Start.
Question content design settings
ElementOptions
Question TitleFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Description textFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Field DesignBackground 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
TypeWhat the Preview Shows
Text FieldQuestion title and a single-line input, such as Type your answer here.
Long TextQuestion title and a larger multi-line text area.
NameQuestion title and a name text input.
Extra content settings
SettingDetails
Hint TextPlaceholder text such as Type your answer here. Maximum 100 characters.
These question types also include the shared title, description, tooltip, and image settings. Question content design settings
ElementOptions
Question TitleFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Description textFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Field StyleBackground Color · Border color · Border width: 1–10 px · Corner radius: 0–50 px
Field TextFont 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
SettingDetails
File TypeAll · Images · Document. Whichever type is selected, users can only upload that file type.
Upload Area TextCustomize the drag-and-drop message shown in the preview.
Question content design settings
ElementOptions
Question TitleFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Description textFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Field StyleBackground Color · Border color
Field TextFont Color

Number

Center Preview: Shows the question title and a number input with hint text. Extra content settings
SettingDetails
Hint TextPlaceholder text. Maximum 100 characters.
Set Minimum ValueOptional. Lowest number allowed, for example 1.
Set Maximum ValueOptional. Highest number allowed, for example 100.
Answers outside the minimum or maximum range are not accepted. Question content design settings
ElementOptions
Question TitleFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Description textFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Field StyleBackground Color, Border color, Border width: 1–10 px, Corner radius: 0–50 px
Field TextFont 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
OptionWhat It Does
Single DateUsers select one date.
Date RangeUsers select a Start Date and End Date.
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
ElementOptions
Question TitleFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Description textFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Field StyleBackground Color, Border color, Border width: 1–10 px, Corner radius: 0–50 px
Field TextFont 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
SettingDetails
Number of OptionsSlider · Range 3 to 10
Left LabelMaximum 30 characters. Example: Least Likely
Middle LabelMaximum 30 characters. Example: Average
Right LabelMaximum 30 characters. Example: Most Likely
Question content design settings
ElementOptions
Question TitleFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Description textFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Field StyleBackground Color · Border color
Field TextFont Color

Rating

Center Preview: Shows the question title and a row of rating icons. The default example uses five stars. Rating icon type
Available IconsBehavior
Star, Heart, Thumbs Up,
Smiley, Fire, Trophy
Choose one icon type at a time.
Changing the icon updates the look without changing rating values.
Question content design settings
ElementOptions
Question TitleFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Description textFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Field StyleBackground Color · Border color
Field TextFont 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
Address field settings appear under Form fields. The subtitle is Customize labels shown to respondents. Each address field has these controls:
ControlWhat it does
Label boxCustomize the field name shown to customers. Maximum 40 characters. A counter such as 14/40 appears in the box.
Eye iconShow or hide the field. Hidden fields are not shown in the quiz.
Required checkboxIf checked, the customer must fill in that field before continuing.
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
ElementOptions
Question TitleFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Description textFont color · Font size 8 px–50 px · Font weight: Light, Regular, Semi Bold, Bold
Field StyleBackground Color, Border color, Border width: 1–10 px, Corner radius: 0–50 px
Field TextFont Color