Product Recommendation Quiz

Explain the right match from a catalog you can paste in.

WHAT IT DOES

- Catalog CSV import with clear validation

- Required filters plus weighted, explainable preferences

- Up to three ranked cards, tie handling and a no-match fallback

WHAT YOU CAN CUSTOMIZE

- Questions, weights, selection types and exact match tags

- Catalog CSV, ties, card limit and links

- No-match copy and CTA

- Font, spacing, corners and color palette

HOW TO SET IT UP

1. Use the working demo, then replace the Catalog CSV. Columns are name, description, tags, url and optional detail. Separate tags with |.

2. Edit question JSON. Match option tags to catalog tags. A required question filters products. Each matching preference option adds the question’s weight.

3. Set the fallback link and result action. Built-in sample cards show local details. Your catalog's URLs drive the live card links.

REQUIREMENTS AND LIMITS

- Up to 10 questions and 240 product rows. Matching uses exact, case-insensitive tags.

- Results run locally. Inventory, payment and customer accounts are outside this component.

WHAT'S INCLUDED

- Paste-to-install Framer Component URL

- Standalone Framer code component (.tsx)

- Quick-start instructions and the two example preset configurations

Need help? Reply through your order receipt with the product name and describe what happened.