Quiz Builder

After installing Face Age on your store, the first step is creating questions.
To do this, go to the Quiz Builder section from the left sidebar.

At the beginning, you can select one of the ready-made templates, which will automatically add questions to your store, and you can edit them if needed. To do this, click on your desired template and press the Confirm option.

If you prefer to create the questions yourself, use Blank Quiz. By clicking on this box, you will be taken to a page that contains only one section, which cannot be deleted. Skin Analyzer section is related to opening the skin scan page, which we will explain later.

To create a question, you must first add a section. To do this, click on the Add Section button in the right corner.

In general, the items you can edit in each section include the following:Title: A title that will be displayed to your users. You can write the main question here or even leave it empty.
Background: In the background section, you can choose a color or an image. This can be different for each section.
Box Position: You can specify whether your questions are displayed in the center, top, or bottom. Note that you can choose differently for each section, but for better design, it is recommended to set all of them to the default option, which is center.
Section Conditions: In the next boxes, you can set some conditions for each section. The first condition is hiding a section for a specific group of customers.

A simple example of this section is related to allergies, but you can use this feature for other cases as well.
Imagine that our question 1 is: Do you have any allergies? And the options are Yes and No.
Our question 2 is: What are you allergic to? And its options include a list of items.
Obviously, you do not want to ask question 2 from people who do not have any allergies. Therefore, you need to hide this question from a specific group. To do this, in the section of question 2, go to the box “When would this section be hidden?”.
In the first field, select question 1. In the comparison field, set the option to No, and in the value field, select No.
In this way, question 2 will not be shown to users who said they do not have allergies.

The next condition you can add for each section is the submit label and whether the section is required or not.
After you finish your settings, click the Save option, and then it is time to add question boxes inside each section.

Each section has 5 icons, which we will explain from right to left:
Arrow: Use this to expand or collapse each section and edit questions more easily without endless scrolling.
Second icon: This is for moving sections. If you want to change the order of questions after creating them, use this option. Drag and drop.
Third icon: The delete icon, which completely removes the section.
Fourth icon: The copy icon, which copies an entire section with all its content.
Fifth icon: The edit icon, which gives you access to the edit panel to apply your changes.

Note that: options 2 to 5 have the same functionality inside each section as well.

In each section, you can add 3 boxes. You can add these boxes from the right sidebar by clicking or using drag and drop.

Title: If you need a large sentence to start with, use this option. Usually, the main question is placed in the title of the question box itself, and this section is mostly used in the intro section. Of course, you can use it if you want. Here, you can change the text size and color.

Paragraph: If you need special explanations in the question section, use this option. Here, you can also change the text size and color.

Text Box: This type of question is used when you expect the user to enter information such as phone number, name, or password. Click on the pencil icon to go to the edit section.

1. Name: The first item you will see is the name field. Note the following points:
   This name is not shown to your users.
   II. This name is required and is automatically filled.
   III. This name must not be duplicated.
2. Title: The next field is Title, where you usually ask the main question.
3. Description: The next option is Description, where you can write a short explanation for your user.
4. Placeholder: The next option is Placeholder, where you can write any text or leave it empty.
5. Type: In the next box, you must specify the type of information you want to receive, so users cannot write their name instead of their phone number. You can select text, number, password, URL, or date.
6. Required: In the last part, specify whether this question is required or not.

Note that the required status of a question box is different from the section requirement. For example, you may have a required section with 3 question boxes, but you only want one box to be optional. In that case, you uncheck that box.

Email: For email, you should note a few points. First, you can only have one email box. The name field in the email is not editable. The emails that your customers enter, along with tags related to their skin problems, are collected in the Shopify Customers section, and you can use them for segmentation and sending personalized emails. Also, if you activate the integrations section, you can automatically send personalized emails to each user through Face Age. Usually, the email is added in the last section, but you can place it anywhere in the question flow.

Image: This option is mostly used to create a beautiful intro, but you can also add an image in any section if you want. Do not worry about the name or title of the image; none of them will be shown to the user. In the next section, you can choose the image position and then upload your desired image.

Select: This type is used for questions where the user should select only one option, such as yes/no questions or age ranges. The name, title, and description options are the same as before.

In the next section, you can change the options. Click on the pencil icon, delete the default text, write your own text, and then click the checkmark. From the left side of each option, you can also add an image or icon.

To add a new option, type the text in the bottom box and then click the plus icon to add it.

In the next part, you can choose how the options are displayed (as a list or side by side), and finally specify whether the question is required or not.

 

Multi Select: The conditions for Multi Select are exactly the same as Select, with the difference that this is used for questions where the user can select multiple options, such as allergies or products they regularly use.

And finally, the last section, which cannot be deleted. Although you can completely remove the questions from the Customization section so users can go directly to the analysis without any questionnaire, the Face Age Analyzer section cannot be removed, and this last section is related to that part.

Usually, we add the email or personal information questions in this section because it has a unique feature.
The question you add in this section is shown at the beginning of the analysis.

You can disable the Quiz Display After Analysis option to collect the required information before the analysis.

or you can enable it so the question is displayed right before showing the analysis results.

After you have fully created your questions, you can use the Preview option on the right to see the results of your work.

Note that in the Preview section, you cannot select any option and you can only view the questions.