Components

Every page and block

A quiz page is a stack of components: questions, opt-ins, content, products, navigation and the odd bit of HTML. Drag any of them onto any page, and let them follow the theme or style them on their own.

The toolbox

Drag items onto any page

The toolbox lists every component by group. Drag one onto a page and it lands where you drop it, already styled by the theme. A question page is usually a progress bar, a heading and a question block, and that is all it needs.

The full list

Eight groups, nothing hidden

Email opt-ins collect marketing consent and correct typos in the address, and Phone / SMS opt-ins collect consent too. Video plays from YouTube, Vimeo, Wistia, Loom or an MP4. The progress bar comes in eight styles.

Questions
Multiple ChoiceImage ChoiceShort AnswerLong AnswerSliderNumberDate & Time
Opt-ins
EmailPhone / SMS
Content
HeadingTextImageVideo
Selling
ProductsCoupon Code
AI
Smart CopyImage analysis
Layout
StackColumnGridSpacer
Navigation
Next ButtonBack ButtonSkip ButtonProgress Bar
Advanced
HTMLChoice PreviewLoadingSimple ButtonRestart ButtonLink / URLFormulaValue table
Selling

The Products block does the selling

One block shows the products a results page picked, in nine card layouts from Classic Grid to Product Overview. Each card can add to cart, add all to cart, go to checkout, open the product page or follow a custom URL. Add a quantity selector and offer one-time and subscription options side by side.

Nine card layouts

From Classic Grid to Product Overview, with the same products behind each.

Five button actions

Add to cart, add all to cart, go to checkout, product page or custom URL.

Quantity and subscriptions

A quantity selector plus one-time and subscription purchase options.

Styling

Follow the theme, or not

Every component follows the theme by default, so a new block looks right the moment it lands. Any of them can carry its own styling instead, down to custom CSS, when one page needs to break the pattern.

Theme by default

Colors, fonts, roundness and motion come from the shared theme.

Own styling

Override any setting on one component without touching the rest.

Custom CSS

Write CSS against the component when the settings are not enough.

Start with one quiz

You don't need a perfect plan to begin. Start small, and let Phoenix help you improve from there.