Gradient 5 - Green

Skin Quiz Builder

Answer a few quick questions to get a personalized barrier-support routine.

Progress 0%

How does your skin usually feel?

Quiz Component Guide

A reusable, self-contained SkinQuizBuilder instance. The built-in default flow is ready for Preview testing, while every template setting is available in the component controls.

1. Add a question — Duplicate an item in Quiz Questions, then give it a unique ID and heading.

2. Reorder questions — Drag question items into the intended sequence; progress updates automatically.

3. Edit answer options — Fill any of the eight answer fields and matching tags; blank answers stay hidden.

4. Replace products — Update product details, links, images and matching tags in the Products control.

5. Connect the email webhook — Switch Integration to Webhook and use a secure automation endpoint; never place secret keys in this component.

6. Test Demo Mode — Keep Integration on Demo, complete the quiz, then submit a valid email to reach recommendations without sending data.

This quiz provides general skincare guidance only. It does not diagnose, treat, or replace professional medical advice.

Create a free website with Framer, the website builder loved by startups, designers and agencies.