> ## 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, customize, and publish your quiz.

<div class="qh-qb-hero" role="note">
  <span class="qh-qb-hero-icon" aria-hidden="true" />

  <div class="qh-qb-hero-body">
    <p class="qh-qb-hero-title">Build powerful quizzes for your store</p>
    <p class="qh-qb-hero-text">Use the Quiz Builder to create an engaging quiz experience that helps you understand your customers and provide personalized recommendations.</p>
  </div>
</div>

## Open the Quiz Builder

You can open the Quiz Builder when creating a new quiz or editing an existing quiz.

<div class="qh-qb-open-card qh-qb-open-card-combined">
  <div class="qh-qb-open-block">
    <div class="qh-qb-open-head">
      <span class="qh-qb-open-icon qh-qb-open-icon-create" aria-hidden="true" />

      <div class="qh-qb-open-head-text">
        <span class="qh-qb-open-title">Create a new quiz</span>
        <p class="qh-qb-open-sub">Follow these steps to create a new quiz and open it in the Quiz Builder.</p>
      </div>
    </div>

    <ol class="qh-qb-steps">
      <li>Open Shopify Admin → <strong>Apps</strong> → <strong>Quizify</strong>.</li>
      <li>Go to <strong>My Quizzes</strong>.</li>
      <li>Click <strong>Create quiz</strong>, enter a name, and select a creation option.</li>
      <li>Click <strong>Create</strong>.</li>
      <li>Your new quiz will open in the Quiz Builder.</li>
    </ol>
  </div>

  <div class="qh-qb-open-divider" aria-hidden="true" />

  <div class="qh-qb-open-block">
    <div class="qh-qb-open-head">
      <span class="qh-qb-open-icon qh-qb-open-icon-edit" aria-hidden="true" />

      <div class="qh-qb-open-head-text">
        <span class="qh-qb-open-title">Edit an existing quiz</span>
        <p class="qh-qb-open-sub">Follow these steps to open an existing quiz in the Quiz Builder.</p>
      </div>
    </div>

    <ol class="qh-qb-steps">
      <li>Open Shopify Admin → <strong>Apps</strong> → <strong>Quizify</strong>.</li>
      <li>Go to <strong>My Quizzes</strong>.</li>
      <li>Find your quiz and click <strong>Edit</strong>.</li>
      <li>The quiz will open in the Quiz Builder.</li>
    </ol>
  </div>
</div>

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 interface is divided into different areas to help you build and customize your quiz easily.

<div class="qh-actions-table-wrap">
  <table class="qh-actions-table">
    <thead>
      <tr>
        <th>Area</th>
        <th>Description</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td><strong>Top bar</strong></td>
        <td>Shows the quiz title, status, preview options, and publish/embed controls.</td>
      </tr>

      <tr>
        <td><strong>Left navigation</strong></td>
        <td>Access different builder sections such as Quiz, Recommendation, Logic Jump, Integration, Language, Design, and Publish.</td>
      </tr>

      <tr>
        <td><strong>Live preview</strong></td>
        <td>Displays a real-time preview of your quiz as you build and make changes.</td>
      </tr>

      <tr>
        <td><strong>Settings panel</strong></td>
        <td>Configure the settings for the selected element (question, design, recommendation, etc.).</td>
      </tr>

      <tr>
        <td><strong>Save controls</strong></td>
        <td>Preview your quiz or get the embed code to publish it on your store.</td>
      </tr>
    </tbody>
  </table>
</div>

## Top bar

The top bar gives you quick access to important controls and information.

<div class="qh-actions-table-wrap">
  <table class="qh-actions-table">
    <thead>
      <tr>
        <th>Element</th>
        <th>Description</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td><strong>Quiz title</strong></td>
        <td>Displays the name of your quiz. You can change it from here.</td>
      </tr>

      <tr>
        <td><strong>Status</strong></td>
        <td>Shows the current status of the quiz (Draft or Published).</td>
      </tr>

      <tr>
        <td><strong>Device preview</strong></td>
        <td>Switch between desktop and mobile view in the preview.</td>
      </tr>

      <tr>
        <td><strong>Preview</strong></td>
        <td>Preview your quiz before publishing.</td>
      </tr>

      <tr>
        <td><strong>Embed Quiz</strong></td>
        <td>Get the embed code to add the quiz to your store (requires publishing).</td>
      </tr>
    </tbody>
  </table>
</div>

## Builder sections

Use the left navigation to configure each part of your quiz. Click on a section below to learn more.

<div class="qh-qb-sections">
  <a class="qh-qb-section-card" href="/quiz-builder/quiz">
    <span class="qh-qb-section-icon qh-qb-section-quiz" aria-hidden="true" />

    <span class="qh-qb-section-title">Quiz</span>
    <p>Create and manage your quiz questions. Add different question types, set up answer options, and organize your quiz content.</p>
    <span class="qh-qb-section-link">Learn more →</span>
  </a>

  <a class="qh-qb-section-card" href="/quiz-builder/recommendation/thank-you-page">
    <span class="qh-qb-section-icon qh-qb-section-recommendation" aria-hidden="true" />

    <span class="qh-qb-section-title">Recommendation</span>
    <p>Set up product recommendations based on quiz responses. Choose how results are displayed and customize the mapping.</p>
    <span class="qh-qb-section-link">Learn more →</span>
  </a>

  <a class="qh-qb-section-card" href="/quiz-builder/logic-jump">
    <span class="qh-qb-section-icon qh-qb-section-logic" aria-hidden="true" />

    <span class="qh-qb-section-title">Logic Jump</span>
    <p>Add conditional logic between questions. Create personalized paths based on user answers.</p>
    <span class="qh-qb-section-link">Learn more →</span>
  </a>

  <a class="qh-qb-section-card" href="/quiz-builder/integration">
    <span class="qh-qb-section-icon qh-qb-section-integration" aria-hidden="true" />

    <span class="qh-qb-section-title">Integration</span>
    <p>Connect Quizify with supported third-party applications and services.</p>
    <span class="qh-qb-section-link">Learn more →</span>
  </a>

  <a class="qh-qb-section-card" href="/quiz-builder/language">
    <span class="qh-qb-section-icon qh-qb-section-language" aria-hidden="true" />

    <span class="qh-qb-section-title">Language</span>
    <p>Customize system text, validation messages, button labels, and result widget content.</p>
    <span class="qh-qb-section-link">Learn more →</span>
  </a>

  <a class="qh-qb-section-card" href="/quiz-builder/design">
    <span class="qh-qb-section-icon qh-qb-section-design" aria-hidden="true" />

    <span class="qh-qb-section-title">Design</span>
    <p>Customize the quiz appearance, including typography, colors, layout, and other design settings.</p>
    <span class="qh-qb-section-link">Learn more →</span>
  </a>

  <a class="qh-qb-section-card" href="/quiz-builder/publish">
    <span class="qh-qb-section-icon qh-qb-section-publish" aria-hidden="true" />

    <span class="qh-qb-section-title">Publish</span>
    <p>Choose how to publish your quiz on your Shopify store, such as an embedded quiz or popup.</p>
    <span class="qh-qb-section-link">Learn more →</span>
  </a>

  <a class="qh-qb-section-card" href="/home">
    <span class="qh-qb-section-icon qh-qb-section-help" aria-hidden="true" />

    <span class="qh-qb-section-title">Help</span>
    <p>Access the in-editor Help Center and contact the Quizify support team.</p>
    <span class="qh-qb-section-link">Learn more →</span>
  </a>
</div>