Skip to main content

Interactive Quiz

Use Interactive Quiz to embed or build a step-based quiz experience inside a landing page or quiz workflow.

How It Works In Atomicat​

Outside quiz routes, the drawer manages quiz name and a list of content steps. Steps can be reordered, cloned, deleted, styled by opening their nested content settings, and assigned titles. Required fields can expose copy references such as [abc1234] for later logic or messages. In quiz routes, the component switches to the quiz design style interface and can expose controls such as allow-to-go-back and logo image selection.

When To Use It​

  • Build a guided lead qualification flow inside a landing page.
  • Create multiple steps before a result, offer, or form submission.
  • Use required field references in later quiz copy or logic.
  • Style each step container with the same builder tools used for normal page sections.

Configure The Element​

  • Name the quiz so it is recognizable in the builder.
  • Add or reorder steps before connecting logic; moving fields with logic can trigger warnings.
  • Open each step?s settings to edit nested content and style.
  • Mark fields required only when the answer is necessary for the next step or result.
  • Copy references after required fields are configured.

Testing Notes​

  • Run through every answer path before publishing.
  • Test required fields, previous-arrow behavior, and mobile step spacing.
  • Check lead or webhook output if quiz answers feed integrations.

Limitations And Tips​

  • Interactive Quiz is more complex than a single Quiz Option; avoid it for one simple question.
  • Deleting or moving fields used in logic can break paths if not reviewed.
  • Keep step copy short so mobile visitors do not lose sight of the next action.

FAQ​

Why does the drawer look different in a quiz route?

The source switches to quiz design controls when the pathname includes /quiz.

What are copy references for?

They let required field values be reused in logic or dynamic text.

Can I style individual quiz steps?

Yes. Use the settings control to open the nested step container or component style drawer.