Overview

Face Age is an AI-powered facial skin analysis tool that examines skin conditions like wrinkles, pores, acne, and pigmentation, providing insights for personalized skincare routines. It integrates with e-commerce platforms, allowing businesses to enhance customer engagement with tailored skincare solutions and unique services. The platform is easy to set up and customizable to align with marketing strategies. Users can save their skin analysis results as a PDF and receive product recommendations based on the analysis. Businesses can also collect skin analysis tags and user emails to create segments for targeted email marketing campaigns.

 

 

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.

 

Let’s take a look at what’s available in the Customization section of Face Age.
When you enter this section, you’ll see 5 tabs.

Tab 1: Basic

In this tab, you can configure the general settings of the Face Age system.

1) Feature Management

Here, you can control which features are active:

1. You can decide whether the questions before the analysis should be displayed or completely skipped.
2. You can choose whether products should be recommended after the analysis.
3. You can choose whether a routine should be suggested after the analysis.

2) Product Limitation Settings

This section controls how many products are shown.

1. Total Display Limit – Limits the total number of products recommended.
2. Display Limit Per Problem – Limits how many products are shown per skin concern.
3. Product Priority – Determines how the final products are selected.

Example:

Imagine you have connected 100 products in Product Connect.
User A completes the analysis, and 70 out of those 100 products are suitable for their skin.
For each skin concern, 7 products could be recommended.

Do you want to show all 70 products and 7 per concern? Of course not.

So you set:

• Total Display Limit = 10
• Display Limit Per Problem = 1

Now Face Age will show only 10 products in total, and 1 product per skin problem.

How does Face Age choose the final products?

This is defined in Product Priority, which can be based on:

• The newest product
• A product dedicated to fewer skin problems
• A general product connected to many skin problems
• Alphabetical order
• Most expensive or cheapest
• Random selection

3) Problem Support

Here, you can enable or disable specific skin problems.

For example, if your store focuses only on eye-related products and you don’t sell anything for pigmentation, you can disable Pigmentation from detection.

4) Camera Usage

You can choose how users upload images:

• Upload only
• Camera only
• Both (recommended, so users can choose)

5) Privacy Policy Link

By default, Face Age displays its own privacy policy before the analysis.
You can replace this with your own privacy policy link.

After making changes, don’t forget to click Save.

Tab 2: Routine

This tab has three sections:

1. Banner
2. Discount Code
3. Routine
   

Routine Banner Section

You can upload an image and add a clickable URL.
You can drag and drop this section to appear before or after the routine.

Important notes:

• The banner image must be 16:4 ratio
• If you don’t have a link, enter # so the banner still appears
• To remove a banner, just disable the section—no need to delete the image

Discount Code Section

This section is also draggable and can be enabled/disabled.

Steps:

1. Create a discount code in Shopify
2. Copy the code
3. Enable the section
4. (Optional) Add a background banner
5. Choose a box color
6. Paste the discount code
7. Set an expiration date (this is for the section, not the Shopify code)
8. Add a call-to-action sentence
9. Save

Routine Section (Main Part)

Here you manage routine steps.
You can edit, delete, reorder, or add new steps.

For each step, you must define:

1) Title

Avoid using “Step 1”, “Step 2”, etc. because:

• Step numbers are shown automatically
• If a step has no product, Face Age removes it automatically, which can break numbering

Example:

If your toner is only for oily skin and a dry-skin user does the analysis, that toner step will be removed automatically to avoid showing an empty step.

2) Content (Optional)

You can explain how to perform the step or why it’s important.

3) Routine Time Frame

Choose:

• Morning
• Night
• Both

⚠️ At least one option must be selected.

Routine Description

You can add descriptions for:

• Morning routine
• Night routine

And choose whether the text appears before or after the steps.

Always click Save after changes.

Tab 3: Template

This tab controls Face Age’s appearance.

Although Face Age automatically inherits your website colors, you can customize everything manually.

Box 1: Business Information

Add:

• Logo
• Business name
• Brand color

This ensures emails sent via Face Age match your brand.

Box 2: Base Template

• Brand Color affects key UI elements
• Analysis Background controls the background of the analysis area

Box 3: Position Accepted

Controls colors for image positioning feedback:

• Green for accepted
• Red for not accepted

Box 4: Submit Action Color

Changes submit button colors.

Box 5: Basic Action Color

Controls general button colors.

Box 6: Problem Colors

Each skin problem is shown as a colored mask on the face in three intensity levels.
You can customize these colors manually or via color picker.

Box 7: Recommendation Description

Add a description shown above the product recommendation list.

Box 8: Product Card

Two parts:

Presets

Choose a predefined product card layout and preview it.

Customize

You can adjust:

• Product Action Color
• Product Border Color
• Border Width
• Box Padding
• Product Image Aspect Ratio
• Product Display Options (what elements appear on the card)

If product images have different sizes, set a fixed ratio here to avoid layout issues.

Box 9: Widget Modal

If you use the popup modal, a circular Face Age badge appears on your site.
You can upload your own logo/image and choose a background color.
You can also adjust the badge position separately for desktop and mobile.

Box 10: Discount Code

This mirrors the Discount Code section in the Routine tab.
Any change here applies there as well.

Box 11: Custom CSS

Add custom CSS for advanced styling.

Click Update to save changes.

Tab 4: Language

Although Face Age automatically matches the language of your website, there are several situations where this section becomes essential.

First, you may have a multilingual website.
Second, you may need a custom translation.
Third, you may want to create your own custom labels.

For all these cases, you should use the Language section.

In this section, you can add as many languages as you want.
By clicking on the New Language button, select your desired language and click Add.

On the next page, you will see 4 different categories:

Category 1: Analysis Labels

This category includes all labels related to the Face Analyzer section and is automatically translated.
To change any translation, simply type your preferred translation in the box next to each label.

Category 2: Quiz Labels

This section is not automatically translated.
Here, you will see all the questions and options you have added, and you can manually enter their translations.
Therefore, it is recommended to create your questions directly in the target language from the beginning.

It is important to note that after adding a language, any changes to your questions will also be reflected here.
For example, if you delete an option, its label will be removed from this section.
If you add a new option, its label will appear here.

Category 3: Routine Labels

This category contains the labels for the default routine steps and they are automatically translated.
If you modify your routine—for example, by adding a new step or changing a step name—those labels will not be translated automatically.
However, the labels will appear here so you can manually add your custom translation.

Category 4: More

This section includes labels for:

• Routine description

• Recommendation description

• Discount description

Integrations Tab

Read about the Integrations tab in the dedicated integrations section.