# Questions

The **Question** page is the main page type used in quizzes, however there are also [Additional page](https://support.quizkitapp.com/account-and-settings/quiz-builder/quiz/additional-page-types) types that you can add in this section, such as a **Transition page**, **Form field**, and **Email capture**.

## Questions

To add a new question page, from the quiz editor, click **Add page**, then click **Question**. 

### Question types

There are several question **Types** that you can select once you've added a question:

* Radio buttons
* Image with text
* Text box
* Range slider
* Select box
* File upload

Click through the tabs below for examples of each question type:

{% tabs %}
{% tab title="Radio buttons" %}

<figure><img src="https://3560167061-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff4VSFR6mflh7oo1yyqTT%2Fuploads%2FY4tT76vtwGLeZP7bhUVJ%2Fdev-template-preview%20%C2%B7%20Presidio%3A%20Quiz%20Kit%20%C2%B7%20Shopify%202024-05-27%2019-24-10.png?alt=media&#x26;token=2a1938f4-64db-4043-bbc0-4c26c9648047" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Image with text" %}

<figure><img src="https://3560167061-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff4VSFR6mflh7oo1yyqTT%2Fuploads%2FLRhw4W0GH6Ga9zNtqDKa%2Fimage%20with%20text.png?alt=media&#x26;token=7eaeecdf-49f2-46bf-8671-6058b61f1bdc" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Text box" %}

<figure><img src="https://3560167061-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff4VSFR6mflh7oo1yyqTT%2Fuploads%2F31oWDlJA8EJAkopkS7fB%2Ftext%20box.png?alt=media&#x26;token=9f4dcc46-81fa-45eb-bf8e-21e616b99a54" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Range slider" %}

<figure><img src="https://3560167061-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff4VSFR6mflh7oo1yyqTT%2Fuploads%2Fp5Jd2MO1bWxa7i4gHEUu%2Frange%20slider.png?alt=media&#x26;token=4954fd48-0d3c-48dc-a467-4017a7c5bc1e" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Select box" %}

<figure><img src="https://3560167061-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff4VSFR6mflh7oo1yyqTT%2Fuploads%2FNCnfS1kicwxKoN3zXWlu%2Fselect%20box.gif?alt=media&#x26;token=820ab006-ee03-4160-aa6a-e7543ca6cf90" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="File upload" %}

<figure><img src="https://3560167061-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ff4VSFR6mflh7oo1yyqTT%2Fuploads%2F5F3cMb1wlvzheV9OzgRR%2Ffile%20upload.png?alt=media&#x26;token=42cacb35-537c-437f-b065-4af108f5daaa" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Question settings

After you've selected a question type, there are settings you can modify:

* **Marketing property name**: An internal label that can be used when connecting to third-party marketing apps
* **Hide progress bar**: Hide the progress bar for all question types
* **Enable users to select more than one answer:** Users can select multiple answers for this question
* **Enable ability to skip this question**: Users have the option to skip the question
* **Don't show this question while creating the answer paths**: Enable if the question doesn't affect the recommendations
* **Custom JS**: Apply any additional JavaScript code to this section

Range slider:

* **Display answers above range slider:** Hides the answers until you hover over the slider

File upload:

* **File type**: Choose from image, video or document&#x20;
* **Allow multiple uploads**: Allow users to upload up to 3 files
* **Upload error message:** Set an error message for failed uploads

***

## Question content

Once you've adjusted the settings for the question, you can edit the **Content**. There are multiple editing options available for question content:

* **Heading**: Most often used as the primary question, displayed at the top of the page
* **Subheading**: An additional description for more information about the question if required
* **Bottom text**: Text to be showcased beneath the answer choices.
* **Image**: A primary image for the question page. You also have the flexibility to edit the image position.
* **Image position**: The position you want the image to be in on the page.
* **Tooltip heading**: Add a tooltip heading - A tooltip is an informative feature, revealing extra context when you hover over the ⓘ symbol.
* **Tooltip description**: Add a description (more text) for the tooltip&#x20;

***

## Answers

After you've created a question type and adjusted its content you can create the Answer for that question.

Under the **Answers** section you can adjust the following settings. They apply to all answers under the same **Question**.

* **Orientation**: Horizontal, or Vertical
* **Style**: Narrow, Wide, or Inline
* **Enable swipe on mobile:** Allows mobile users to interact with quiz by swiping

There are several editing options are available for the **Answers** section:

* **Title**: The primary text to be shown for the answer option.
* **Shopify tags**: Tags that are applied to customers who choose this answer
* **Description (optional)**: Include additional information about this answer text
* **Image**: Upload an image if your chosen question type allows the use of images
* **Leads to**: Specify whether the user progresses to a different question or the results page upon selecting this answer
* **Set delivery frequency**: This feature is accessible when subscription integration is enabled
* **Redirect URL**: Activate this option if you desire a custom redirect for users who choose this answer
* **Mobile slideshow settings**: Enables your customers to smoothly navigate through answers in a carousel format