Categories Category

Customization

TL;DR

  • Basic: Configure essential Face Age settings.
    • Pre/Post Analysis Options: Manage questions, product displays, and routine recommendations.
    • Facial Issues: Select problems for detection and display.
    • Routine Items: Choose items for the skincare routine section.
    • Image Import: Define how users upload images for analysis.
  • Template: Personalize Face Age’s appearance with live preview.
    • Template Customization:
      • Modify colors for logos, buttons, quiz options, and upload sections.
      • Change product recommendation button colors and status indicators for photo validation.
    • Product Settings: Adjust border styles, padding, and shadows for product cards.
    • Modal Settings: Customize modal icon and positioning for desktop and mobile.
  • Language: Manage multi-language support for quiz and analysis labels.
      • Sync with your site’s language or add translations for additional languages.
      • Translate quiz and analysis labels easily.

 

 

In this section, you can edit all parts of Face Age to suit your preferences. At the top of this section, you’ll see three tabs: Basic, Template and Language.

 

 

Basic

 

Feature Management

you can decide whether to show questions before the analysis, display products after the analysis, and whether or not to show the recommended skincare routine following the analysis.

Problem Support

The problems support is related to the issues you want to track. This means that a list of conditions Face Age can detect through facial analysis is provided, and you can choose to include or exclude specific issues, deciding if Face Age should detect and display them or not.

Routines Support

You can choose which items to display or not to display in the routines section.

How to receive images

In this section, you can choose how users can import their image to be analyzed with Face Age.

 

Template

In the Template tab, you can adjust the Face Age platform to align with your brand and enhance user experience with live preview.

Below are the available adjustable components with descriptions.

 

Base Template

Branding is essential for maintaining a cohesive visual identity across the platform. The Brand Color is applied to key UI elements such as modal backgrounds and upload buttons.  The Analysis Background defines analysis area’s background, ensuring clarity and ease of use.

 

Position Accepted

Position Accepted  provide visual feedback on the quality and positioning of uploaded images. The Position Accepted Status color, like green, indicates that the face position is correct, while the Position Not Accepted Status, such as red, highlights issues.

Submit Action

The third option, Submit Action Color, allows you to adjust the color of the submit buttons.

 

Basic Action

Action buttons guide users through interactions with the platform. The Basic Action Color is used for general buttons

 

Product Cards

Product cards showcase recommended items after analysis, with customizable elements such as the Product Action Color for buttons like “Add to Cart,” the Product Border Color, and Border Width for defining the card’s appearance, and Box Padding and Product Shadow for styling.

Widget Modal

The widget modal provides quick access to features through a sticky icon. You can customize the Sticky Icon Positioning for both desktop and mobile views, adjusting the bottom and left distances, in px for each.

 

Finally, once you’re done adjusting all the settings, click the Update button at the bottom to save all changes.

 

Language

The next tab you can set up new Language for your Face Age quiz and analysis or edit an added language.

Note: Face Age automatically syncs with your site’s language, so if you’re using a single language, you don’t need to use this section. However, if you have multiple languages or want to express certain parts in other languages, you can use this section.

by clicking on a language or new language button you can add translation for quiz and analysis

In the Quiz Labels section, you’ll see the text of all questions along with the responses you’ve entered. Here, you can add your translation in the corresponding box, if a user chooses a different language, they will see the translated questions.

In the Analysis Labels section, you’ll see the text of all labels that are in analysis interface. Here, you can add your translation in the corresponding box, if a user chooses a different language, they will see the translated questions.

Don’t forget to click the Update button in the Quiz Translation section to apply your changes.