Build a quiz

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

​

Add a section

To create a question, first add a section. Click Add Section in the right corner. 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.

​

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.

​

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

​

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