> ## Documentation Index
> Fetch the complete documentation index at: https://help-center.quizify.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Quiz Builder

> The Quiz Builder is the main workspace where you create questions, collect leads, and publish quizzes.

Inside the Quiz Builder you can:

* Add an intro page, questions, content slides, and a lead capture form
* Match answers to products and build result pages
* Customize fonts, colors, buttons, and layout
* Set up conditional logic, emails, languages, and integrations
* Publish your quiz as an embed or popup on your store

## Navigation

You can open the Quiz Builder in several ways:

<table>
  <thead>
    <tr>
      <th>Starting Point</th>
      <th>Action</th>
      <th>Result</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Home or My Quizzes</td>
      <td>Click Create Quiz.</td>
      <td>Opens the Create Quiz dialog. After entering a quiz name, the Quiz Builder opens.</td>
    </tr>

    <tr>
      <td>Home or My Quizzes</td>
      <td>Click Edit on a quiz.</td>
      <td>Opens the selected quiz in the Quiz Builder for editing.</td>
    </tr>
  </tbody>
</table>

* Shopify Admin → Apps → Quizify → Home → Create Quiz
* Shopify Admin → Apps → Quizify → My Quizzes → Edit

When you close the Quiz Builder, you return to Dashboard or My Quizzes, depending on where you opened it from.

## Quiz Builder Overview

The Quiz Builder opens as a full-screen editor titled Quizify - Product Quiz Builder.

The layout has these main areas:

<table class="qh-table-desc-last">
  <thead>
    <tr>
      <th>Area</th>
      <th>Location</th>
      <th>Description</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Save Bar / Save Button</td>
      <td>Top of the Shopify modal</td>
      <td>Lets you save your changes or discard any unsaved changes<br />before leaving the editor.</td>
    </tr>

    <tr>
      <td>Top Bar</td>
      <td>Top of the editor</td>
      <td>Displays the quiz title, current status (Draft or Published),<br />and provides access to Preview and Embed Quiz.</td>
    </tr>

    <tr>
      <td>Left Icon Menu</td>
      <td>Far left side of the editor</td>
      <td>Allows you to switch between different sections of the Quiz Builder,<br />such as Questions, Recommendation, Design, Logic, and Publish.</td>
    </tr>

    <tr>
      <td>Live Preview</td>
      <td>Center of the editor</td>
      <td>Displays a real-time preview of your quiz,<br />allowing you to see changes as you make them.</td>
    </tr>
  </tbody>
</table>

## Top Bar

<table>
  <thead>
    <tr>
      <th>Control</th>
      <th>Description</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Quiz Title</td>
      <td>Displays the name of the quiz you are currently editing.</td>
    </tr>

    <tr>
      <td>Draft / Published</td>
      <td>Shows the current publication status of the quiz and lets you switch between Draft and Published.</td>
    </tr>

    <tr>
      <td>Mobile / Desktop / Fullscreen</td>
      <td>Changes the preview viewport so you can see how the quiz appears on different screen sizes.</td>
    </tr>

    <tr>
      <td>Preview</td>
      <td>Opens a full-screen preview of the quiz, allowing you to test it before publishing.</td>
    </tr>

    <tr>
      <td>Embed Quiz</td>
      <td>Takes you directly to the Publish section, where you can configure and embed the quiz on your store.</td>
    </tr>
  </tbody>
</table>

## Left Menu Sections

Use the icons on the left menubar to move between parts of the Quiz Builder.

<table>
  <thead>
    <tr>
      <th>Menu Option</th>
      <th>Description</th>
      <th>Guide</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Quiz</td>
      <td>Create and manage your quiz, including the intro page, questions, content slides, and user form.</td>
      <td><a class="qh-section-link" href="/quiz-builder/quiz" target="_blank" rel="noopener noreferrer">Open Quiz</a></td>
    </tr>

    <tr>
      <td>Recommendation</td>
      <td>Configure result logic and map quiz answers to recommended products.</td>
      <td><a class="qh-section-link" href="/quiz-builder/recommendation/thank-you-page" target="_blank" rel="noopener noreferrer">Open Recommendation</a></td>
    </tr>

    <tr>
      <td>LogicJump</td>
      <td>Create conditional rules to show, hide, or skip questions based on a respondent's answers.</td>
      <td><a class="qh-section-link" href="/quiz-builder/logic-jump" target="_blank" rel="noopener noreferrer">Open Logic Jump</a></td>
    </tr>

    <tr>
      <td>Integration</td>
      <td>Connect Quizify with supported third-party applications and services.</td>
      <td><a class="qh-section-link" href="/quiz-builder/integration" target="_blank" rel="noopener noreferrer">Open Integration</a></td>
    </tr>

    <tr>
      <td>Language</td>
      <td>Customize system text, validation messages, button labels, and result widget content.</td>
      <td><a class="qh-section-link" href="/quiz-builder/language" target="_blank" rel="noopener noreferrer">Open Language</a></td>
    </tr>

    <tr>
      <td>Design</td>
      <td>Customize the quiz's appearance, including typography, colors, layout, and other design settings.</td>
      <td><a class="qh-section-link" href="/quiz-builder/design" target="_blank" rel="noopener noreferrer">Open Design</a></td>
    </tr>

    <tr>
      <td>Publish</td>
      <td>Choose how to publish your quiz on your Shopify store, such as an embedded quiz or popup.</td>
      <td><a class="qh-section-link" href="/quiz-builder/publish" target="_blank" rel="noopener noreferrer">Open Publish</a></td>
    </tr>

    <tr>
      <td>Help</td>
      <td>Access the in-editor Help Center and contact the Quizify support team.</td>
      <td><a class="qh-section-link" href="/" target="_blank" rel="noopener noreferrer">Open Help</a></td>
    </tr>
  </tbody>
</table>