Creating a quiz

Learn how to create a quiz, and the difference between the AI template and blank template options.

After you've installed the Quiz Kit app and selected a plan, you can create your first quiz. You can choose between starting with a blank quiz template, a pre-built template, or with the Quiz Kit AI tool.

In this section:


Choosing a quiz method

You can start your quiz three ways:

  • Blank quiz: Build entirely from scratch, giving you full control over questions, answers, and design.

  • Pre-built template: Start with an example quiz to save time and inspiration, then customize it as needed.

  • Quiz Kit AI tool: Quickly generate questions and answers based on your selected products, with optional manual edits.

All three methods take you into the quiz builder to edit, style, and publish your quiz. Here, you only choose how to get started.

Steps:

  1. From the Quiz Kit dashboard, click Create a new quiz.

  2. From the drop down, select one of the following:


Building a quiz

Option 1: Build from a blank template

Starting with a blank template offers the most creative freedom in shaping the theme and messaging of your quiz.

If you choose to start with a blank template, then you're directed to the quiz builder page.

Steps:

  1. From the Quiz Kit dashboard, click Create a new quiz > Create a blank quiz.

  2. From the quiz builder, on the left-hand menu, click Introduction. This is the first page your customers encounter during the quiz.

  3. Click on each sub-section (Heading, Subheading, Image, and Button) to familiarize yourself and edit each section. You can also click the section in the quiz preview that you want to edit. Editing options appear on the right-hand side for each sub-section.

  4. Click Add page, then choose Question. In this section, you have the sub-sections:

    1. Question settings

    2. Question Content

    3. Answers

    Click through each option and its menu settings and adjust as needed. Optional: You can add additional answers by clicking Add answer.

  5. Optional: You can add additional questions by following repeating step 3. You can also choose to add additional pages such as Transition page, Form field, or Email capture.

  6. When you're done, click Save to save your changes.

circle-info

Don't forget to check out the Recommendations Logic section.

  1. After you've completed your quiz, you also need to review and edit the following sections:


Option 2: Build from a template

You can use a pre-built template as a starting point for your quiz. Templates provide examples of what’s possible within Quiz Kit and help you get started faster.

After selecting a template, you can customize the questions, answers, results logic, and design settings in the quiz builder.

Steps:

  1. From the Quiz Kit dashboard, click Create a new quiz > Create from a template.

  2. Under each template, you can click:

    1. View demo to try a demo of the quiz template

    2. Use template to start building your quiz in the quiz builder

Once you click Use template on the template of your choice, you can proceed to:


Option 3: Build with Quiz Kit's AI tool

Step 1: Selecting products

To build your quiz with the AI tool, first you need to tell Quiz Kit AI which products you want to suggest as recommendations based on the quiz questions. These products will be recommended to your customers after they complete a quiz.

You can choose from an existing Collection in your store, Best Sellers, or you can select individual Products.

circle-info

Best Sellers The Quiz Kit AI can select up to 30 top-selling products based on the analytics from your Shopify admin dashboard.

  1. Collection - Choose specific product collections.

  2. Best Sellers - Top 30 performing products from your Shopify admin dashboard.

  3. Products - Select up to 100 individual items.

When you’ve made your selection, click Save and continue.


Step 2: Generating your quiz

The Quiz Kit AI recommends quiz questions and answers based on the products that you selected in Step 1. You can change the language and tone of the quiz by adjusting the Language and Tone drop-down menus and then clicking Regenerate.

circle-info

Note: A lock icon appears when you hover over a question. Click it if you want to lock that question block from changes before regenerating the rest of the fields with the Regenerate button. You can unlock it by clicking the lock again.

You can also manually adjust the AI-generated answers to your preference or click the + sign under each question to create custom answers.

When you’re happy with the questions and answers, click Save and continue.

Lock any items before regenerating questions and choices

Step 3: Designing and customizing

You can customize your quiz with different styles using Quiz Kit’s premade design templates.

Click on each of the preset style templates on the right-hand menu to update the heading, body, and button styles. Learn more about customizing your quizarrow-up-right.

circle-info

Note: If you're confident with code, then you can add custom CSS and JavaScript to your quiz for a more branded appearance. Learn more about adding custom CSS and Javascriptarrow-up-right.

When you’re happy with the look and feel of your quiz, click Save and continue. The Quiz Kit AI generates your personalized quiz.


Step 4: Previewing, testing, and publishing your quiz

When you're done building your quiz, previewing it, testing it via a test email, and publishing it are all essential steps before your quiz is live to customers.

On this page, you can review the quiz's questions and logic and test the user experience on different devices.

Click the display toggle to see what the customer experience looks like on mobile vs desktop.

When you’re done, click Edit and publish.

circle-info

Note: There are multiple options for publishing your quiz to your store. Learn more about publishing your quiz.

Last updated