Storefront extensions

After Face Age is published, you can add four optional theme blocks to your Shopify storefront. Each block uses the customer’s latest skin analysis to keep shopping more personal.

💡
Before you start — Finish Initialize & Publish first. Storefront extensions are extra blocks on your theme, not a replacement for Modal or Section mode.

Product Insight Product page only

Shows whether the current product matches the customer’s skin analysis. After a scan, the block can mark the item as recommended, list the concerns it targets (for example eye bags or wrinkles), and offer a Scan again button.

Placement: add this block only on a product page template. It is not available on the homepage, collection pages, or other templates.

Product Insight block showing a product recommended for the customer’s skin concerns

Encouragement Banner

A full-width banner that invites the customer back into the experience — for example “Your personalized skincare is ready” with a scan or shop call-to-action. Use it to recover shoppers who analyzed once and have not returned.

Works well on the homepage, collection pages, or near analysis results.

Encouragement Banner telling the customer their personalized skincare is ready

Customer Analysis History

Shows the customer’s latest skin analysis scores — wrinkles, pores, redness, dryness, and other metrics — plus a Scan again button. Returning shoppers can see where they left off instead of starting from scratch.

Pair this with API or hybrid history storage if you want results to persist across devices. See Analysis history.

Customer Analysis History block with the latest skin analysis percentages

How to add a storefront extension

  1. Open Shopify Admin.
  2. Go to Online Store → Themes.
  3. Click Customize on your active theme.
  4. Open the template where the block should appear. For Product Insight, choose a product template.
  5. Add an app block and select the Face Age extension.
  6. Adjust colors, type, and placement to match your theme.
  7. Click Save.
⭐
Recommended — Place Customer Recommended Products close to analysis results. Keep Product Insight on product pages only so the “perfect match” message always refers to the item the shopper is viewing.

Customization options

Each extension can follow your store branding: colors, typography, spacing, layout, and button styles.