Product recommendations - Face Age

After the scan, Face Age recommends products from your catalog that match the shopper’s detected concerns, with add-to-cart and checkout.

Recommended products filtered by concern, with the discount code

Show recommendations

const faceAge = new FaceAge({
  elementId: 'FaceAge-module',
  faceageId: '<Your Client ID>',
  showProducts: true,
  showAddToCard: true,
  showAddToCardAll: false,
  currency: '$',
});

Option	Type	Default	Description
`showProducts`	`Boolean`	`false`	Show product recommendations after the analysis.
`showAddToCard`	`Boolean`	`true`	Show add-to-cart buttons on products.
`showAddToCardAll`	`Boolean`	`false`	Show one “add all to cart” button, when the template supports it.
`currency`	`String`	`'$'`	Currency symbol shown next to prices.

The add-to-cart options are spelled showAddToCard and showAddToCardAll in the SDK.

Add your products

Products connected in the Face Age dashboard are recommended automatically. To use your own catalog from code, push it with setCustomProducts once the analysis is in — the SDK matches products to the detected concerns:

faceAge.API.getAdvisorData(() => {
  faceAge.API.setCustomProducts([
    {
      id: 1,
      url: 'https://yourstore.com/product',
      image: 'https://yourstore.com/product.png',
      title: 'Skin Moisturizer',
      description: 'Vitamin C · 30ml',                   // optional
      price: 40,
      offerPrice: 18.99,                                  // optional sale price
      problems: ['acne', 'wrinkles'],                     // optional: target problems
      routineGroups: { morning: ['cleanser', 'serum'] },  // optional
      variables: {                                        // optional: size/variant picker
        size: {
          title: 'Size',
          option: [
            { label: '10 cc', value: '10', price: 40, offerPrice: 18.99 },
            { label: '25 cc', value: '25', price: 52 },
            { label: '35 cc', value: '35' },
          ],
        },
      },
    },
  ]);
});

Field	Required	Description
`id`, `url`, `image`, `title`, `price`	Yes	Product basics.
`description`	No	Short description, for example size or key ingredient.
`offerPrice`	No	Sale price.
`problems`	No	Concerns the product targets.
`routineGroups`	No	Routine steps the product belongs to, by time of day. See Routines.
`variables`	No	A size or variant picker, each option with its own price.

Connect to your cart

faceAge.onAddToCart((data) => {
  myCart.add(data); // data contains product details
});

faceAge.onCheckout((data) => {
  window.location.href = '/checkout';
});

onDisplayProducts and onClickProduct also fire as shoppers browse. See Events.

Next

Personalized routines

Morning and night routines built from your catalog.