Creating a quiz that showcases products depending on preferences

Design help Custom code
1

Hi there, I am looking at creating a quiz, similar to this one - Find Your Perfect Carpet - Bremworth’s Carpet Selector Tool – Bremworth Wool Carpets New Zealand where it would showcase products depending on quiz preferences.

What would you suggest using to do this? Would it connect to the product collections?

Thanks

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2 Likes
2

Basically you’re describing a filter, which you can setup with Finsweet List Filter. The questions are either radio buttons or checkbox groupings that inform the filter what to show.

If the number of questions is few, I’d design it so that the user can see everything, and make changes to adjust the list.

If you really want a “quiz” and then “results” separated, I’d build the filtered page somewhere like /results and built the quiz on home. You’d use some JS to capture the user’s choices, and form the URL to /results so that the query string describes the initial filter setting.

That gives you the best of all worlds-

  • Independent quiz to encourage entry
  • Separate results page, which can be bookmarked, emailed, etc with the users selections
  • Ability revise the filter settings on the results page, if you want to expose that, otherwise just hide it.

Either way the quiz interface itself is custom built, but basically big custom styled checkboxes. Have a look at the marketplace library Finsweet put out, called something like accessible components, it has some good starting points.

2 Likes