Docs
Cards
Published July 25, 2026
Use a Cards when you want to present rich content inside the quiz instead of collecting a traditional answer. It is best for recommendations, education, comparisons, testimonials, next-step CTAs, and post-logic outcomes where images, descriptions, and buttons help the participant understand what to do next.
This block is primarily a presentation and CTA step. Per-card buttons can send participants to external URLs, while the continue button moves the quiz forward or uses a configured jump destination.
Best used for
Recommendations
Show tailored services, resources, content, or next steps after earlier questions narrow the participant's path.
Educational content
Explain a concept, process, or offer before asking the next question.
Service comparisons
Let participants compare packages, approaches, or outcomes without turning the step into a question.
Next-step CTAs
Use card buttons to send participants to booking pages, resources, forms, or external destinations.
Story or testimonial cards
Present proof points, examples, or short stories in a clean visual format.
Post-score outcomes
Show recommendations after scoring, branching, or AI-generated segmentation has identified the right direction.
When to choose another block
Product Cards
Use Product Cards when pricing, compare-at pricing, billing labels, or commerce-style merchandising are central to the step.
Video
Use Video when the main content is a video with a CTA.
Multiple Choice
Use Multiple Choice when participants should select a card as their answer.
Image Choice Quiz
Use Image Choice Quiz when the image itself is the answer choice.
Outcomes
Use Completion when the quiz is ending and the participant should see their final outcome.
Setup flow
- Add a Cards step from the Question Blocks palette.
- Choose the display mode: Auto, Single, or Carousel.
- Add each card with a title, short description, image, and image alt text.
- Add optional card CTA buttons with a label and URL.
- Customize the continue button label when participants should stay inside the quiz flow.
- Configure a jump destination when the continue button should route participants to a specific next step.
- Preview the step on mobile and desktop to confirm card images, copy, and CTAs are easy to scan.
Settings reference
Display mode
Auto adapts based on card count, Single shows one card, and Carousel lets participants browse multiple cards.
Cards
Each card can include an image, alt text, title, description, and optional CTA button.
Images and alt text
Images provide visual context, while alt text supports accessibility and clearer content indexing.
Card CTA button
Sends participants to a configured URL, such as a booking page, resource, or external offer.
Continue button
Moves the participant forward in the quiz flow when they are done reviewing the cards.
Split Media
Basic+Overrides question-level split media when the quiz uses a Full-Page Split layout.
Jump destination
ProRoutes participants to a specific internal destination when they click the continue button.
Behavior notes
- Cards is primarily for presentation, education, and CTA moments.
- It is not a scored question by default.
- Use card CTA buttons when participants should leave the quiz for an external destination.
- Use the continue button when participants should stay in the quiz.
- Use a jump destination when the continue action should route to a specific internal step.
- Use Product Cards when the card experience needs pricing or commerce-specific fields.
Card copy and image guidance
Strong cards are easy to understand without extra explanation.
- Keep card titles short and specific.
- Keep descriptions concise enough to scan on mobile.
- Use consistent image style, aspect ratio, and visual quality across cards.
- Use alt text that describes the image or the offer it supports.
- Avoid adding too many cards unless the participant is meant to compare options.
- Use clear CTA labels that describe the action, such as
Book a call,View guide, orOpen offer.
Routing examples
Recommendation path
Show recommended resources, then continue to a follow-up question or lead capture step.
Education before conversion
Explain an offer or process, then route high-intent participants to booking.
Segment-specific content
Use earlier answers to send each audience segment to the most relevant card set.
External CTA
Use per-card buttons to send participants to different landing pages, downloads, or booking links.
Cards supports a step-level jump destination for the continue button. See the Logic & Branching guide for how step-level destinations differ from conditional question rules.
Troubleshooting
When should I use carousel mode?
Use carousel mode when participants should browse two or more cards. Use single mode when one recommendation, explanation, or CTA is the focus.
Can each card have its own CTA?
Yes. Each card can include its own button label and URL, which is useful when different cards should send participants to different external destinations.
Is this the same as Product Cards?
No. Cards is the general content and CTA version. Product Cards is the commerce-focused version with pricing, compare-at pricing, billing labels, and merchandising fields.
Can this route inside the quiz?
Yes. Configure the step-level jump destination when the continue button should route participants to a specific internal step.
Tips
- Use Cards when the participant needs context before acting.
- Keep card sets focused; too many cards can slow down the flow.
- Use Product Cards when pricing is part of the card.
- Use Multiple Choice or Image Choice when the card selection should be the participant's answer.
- Test every external card CTA before publishing.
- Preview on mobile to confirm images and CTA labels fit cleanly.
Next steps
Product Cards
Use the pricing-focused card variant for offers and merchandising.
Video
Use video content with an optional CTA inside the quiz flow.
Logic & Branching
Understand step-level destinations and internal routing behavior.
Outcomes
Use final outcomes when the quiz flow is complete.