> ## Documentation Index
> Fetch the complete documentation index at: https://getfaceage.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Build a quiz

> Create the questions customers answer before or after their skin analysis.

After installing Face Age on your store, the first step is creating questions. Go to **Quiz Builder** in the left sidebar.

## Start from a template

You can select one of the ready-made templates. It adds questions to your store automatically, and you can edit them as needed. Click your template and press **Confirm**.

![Use Template tab with ready-made quiz templates](https://mintcdn.com/getfaceage-com/72Ot9wxq6pOAUNYj/images/help/app-quiz-templates.png?fit=max\&auto=format\&n=72Ot9wxq6pOAUNYj\&q=85\&s=31ff5438afb750f83549ec8440bbee9e)

If you prefer to create the questions yourself, choose **Blank Quiz**. You'll get a page with only one section, which can't be deleted: the **Skin Analyzer** section, which opens the skin scan page. It's explained [below](#the-skin-analyzer-section).

## Add a section

To create a question, first add a section. Click **Add Section** in the right corner.

![Quiz Builder with the Add Section button](https://mintcdn.com/getfaceage-com/72Ot9wxq6pOAUNYj/images/help/app-quiz-builder.png?fit=max\&auto=format\&n=72Ot9wxq6pOAUNYj\&q=85\&s=3e0e14f5fb2bb5537a70f1d3c1f4cdc9)

You can edit these settings in each section:

* **Title** — shown to your users. Write the main question here, or leave it empty.
* **Background** — a color or an image. Each section can have its own.
* **Box position** — show the questions in the center, top or bottom. You can set this per section, but for a consistent design keep them all on the default, center.
* **Section conditions** — rules for the section, described next.

### Hide a section for some customers

The first condition hides a section from a specific group of customers. Allergies are a simple example:

* Question 1: *Do you have any allergies?* — options **Yes** and **No**.
* Question 2: *What are you allergic to?* — a list of items.

You don't want to ask question 2 to people without allergies. In the section of question 2, go to **When would this section be hidden?**. In the first field select question 1, set the comparison field to **No**, and in the value field select **No**. Question 2 is then hidden for users who said they have no allergies.

The other section settings are the **submit label** and whether the section is **required**. When you're done, click **Save** and add question boxes inside the section.

### Section icons

Each section has 5 icons. From right to left:

1. **Arrow** — expand or collapse the section, so you can edit without endless scrolling.
2. **Move** — drag and drop to change the order of sections.
3. **Delete** — removes the section completely.
4. **Copy** — duplicates the section with all its content.
5. **Edit** — opens the edit panel.

![Section and box icons in the Quiz Builder](https://mintcdn.com/getfaceage-com/72Ot9wxq6pOAUNYj/images/help/app-quiz-section.png?fit=max\&auto=format\&n=72Ot9wxq6pOAUNYj\&q=85\&s=e998676659afa932b9900472e21f797f)

> [!NOTE]
>
> Icons 2 to 5 work the same way for the boxes inside each section.

## Question boxes

Add boxes to a section from the right sidebar, by clicking or with drag and drop.

### Title

Use this when you need a large opening sentence. The main question usually goes in the title of the question box itself, so this box is mostly used in the intro section. You can change the text size and color.

### Paragraph

Use this for extra explanations in a question section. You can change the text size and color.

### Text box

Use this when you expect the user to type information such as a phone number, name or password. Click the pencil icon to edit it:

1. **Name** — not shown to your users. It's required, filled automatically, and must be unique.
2. **Title** — usually the main question.
3. **Description** — a short explanation for your user.
4. **Placeholder** — any text, or empty.
5. **Type** — the kind of information to accept, so users can't enter their name instead of a phone number: text, number, password, URL or date.
6. **Required** — whether the question must be answered.

> [!NOTE]
>
> A box's required setting is separate from the section's. For example, a required section can have 3 question boxes where one is optional — just uncheck **Required** on that box.

### Email

* You can have only one email box, and its name field can't be edited.
* Emails your customers enter are collected in **Shopify Customers**, together with tags for their skin problems. Use them for segmentation and personalized emails.
* If you activate [Integrations](https://getfaceage.com/docs/help-center/integrations.md), Face Age can automatically send personalized emails to each user.
* The email box usually goes in the last section, but you can place it anywhere in the flow.

### Image

Mostly used to create a nice intro, but you can add an image in any section. The image's name and title are never shown to the user. Choose the image position, then upload your image.

### Select

Use this for questions with a single answer, such as yes/no or age ranges. Name, title and description work as above.

* To change an option, click the pencil icon, replace the default text and click the checkmark. You can also add an image or icon on the left of each option.
* To add an option, type the text in the bottom box and click the **plus** icon.
* Choose whether options are shown as a list or side by side, and whether the question is required.

![Select box settings with name, title, description and options](https://mintcdn.com/getfaceage-com/72Ot9wxq6pOAUNYj/images/help/app-quiz-select-field.png?fit=max\&auto=format\&n=72Ot9wxq6pOAUNYj\&q=85\&s=c7218c9d17151a1a16a94ec564acea27)

### Multi select

Works exactly like **Select**, but the user can choose several options — for example allergies, or products they use regularly.

## The Skin Analyzer section

The last section can't be deleted. You can remove all questions in **Customization** so users go straight to the analysis without a questionnaire, but the Face Age Analyzer section always stays.

![Skin Analyzer section settings with Quiz displayed after analysis enabled](https://mintcdn.com/getfaceage-com/72Ot9wxq6pOAUNYj/images/help/app-quiz-skin-analyzer.png?fit=max\&auto=format\&n=72Ot9wxq6pOAUNYj\&q=85\&s=cca966596179c51983dfad73431a8cfd)

Questions you add to this section are shown at the start of the analysis, so it's a good place for email or personal-information questions.

* Disable **Quiz Display After Analysis** to collect the information **before** the analysis.

* Enable it to show the question right **before the analysis results**.

## Preview

When your questions are ready, click **Preview** on the right to see the result.

> [!NOTE]
>
> In preview you can only view the questions — options can't be selected.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.