Before you start, finish Initialize & Publish. 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. Add this block only to a product page template. It isn’t available on the homepage, collection pages or other templates.
Customer Recommended Products
A carousel of products Face Age picked from the customer’s analysis. Each card can show concern tags, price and Add to cart, so shoppers go from results to checkout without leaving the page. Use it on the homepage, collection pages, a dedicated results area, or below the Skin Analyzer section.
Encouragement Banner
A full-width banner that invites customers back — for example “Your personalized skincare is ready” with a scan or shop call to action. Use it to win back shoppers who analyzed once and haven’t returned. Works well on the homepage, collection pages, or near analysis results.
Customer Analysis History
Shows the customer’s latest analysis scores — wrinkles, pores, redness, dryness and more — plus a Scan again button, so returning shoppers see where they left off. Pair it with API or hybrid history storage if you want results to persist across devices. See Analysis history.
Add a storefront extension
- Open Shopify Admin.
- Go to Online Store → Themes.
- Click Customize on your active theme.
- Open the template where the block should appear. For Product Insight, choose a product template.
- Add an app block and select the Face Age extension.
- Adjust colors, type and placement to match your theme.
- Click Save.