Designing the Results Page

Results page layout

Choose from:

• Grid (2 or 3 columns)
• List (one product per row with details)
• Hero + Grid (featured product + supporting products)
• Single Product Focus (one hero recommendation)

Product card elements

Toggle each element on/off:

• Product image
• Product title
• Price (and compare-at price)
• Star ratings (pulled from Shopify)
• Short description
• Add to Cart button
• "Why this was recommended" explanation text

Personalization message

Add a headline like "We found your perfect match, {{first_name}}!" using merge tags:

| Tag | Value | |---|---| | {{first_name}} | Name captured in quiz | | {{top_concern}} | Most-weighted answer | | {{product_count}} | Number of results shown |

Upsell section

Enable Results > Upsell to show a secondary row of complementary products (e.g., "Complete the routine").

Social sharing

Enable share buttons (copy link, Instagram, Pinterest) so shoppers can share their recommendations.