Categories Category

Customization

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.