How do I publish my quiz?
Quiz Kit allows you to publish your quiz to your store in three different ways: on the Home page, the Quiz page, or any other page on your Shopify site with a code snippet. In this article, you'll find step-by-step instructions on how to do just that.
Publish Quiz on Home page
Select your quiz (create one first if you haven't already). Once you find the quiz you'd like to publish, click "Edit" in the upper toolbar:
Once you open the quiz page, go to the Styles & Settings:
On the Install Settings page, select the theme to publish:
Once you select a theme, Quiz Kit will quickly configure your theme to be compatible with the app. Now, copy the quiz key and preview by clicking the “Preview theme” option:
The Theme Editor will now open and you can add the Quiz Kit section to the Home page:
The last step you need to do in order to publish your quiz on the Home page is to simply paste the Quiz key. Don't forget to save all the changes in the Theme Editor!
Now, you can preview the Homepage by clicking the "Preview home page" button:
Publish Quiz to a Dedicated Quiz Page
The process of publishing a quiz to a dedicated page on your Shopify site is pretty similar to the steps above, with a few changes.
Go to the quiz Styles & Settings page, publish your quiz to a chosen theme, and click on “Add to a page” in the "Add to a Dedicated Page" section. Once you do that, you see the success message "Test quiz" page is successfully created! Go ahead and check your quiz!”:
Publish Quiz with a Code Snippet to Any Page
Open your quiz and go to the Styles & Settings page and choose the Install Settings tab. After that, choose the theme for publishing your quiz and scroll down the page to "Embed using a code snippet" section:
Copy the quiz code snippet, and click "Preview code editor":
Once the code editor opens, add the code snippet to your desired code file:
Once you do that, choose the template from the dropdown and save all your changes!
Middle plan feature: Publish Quiz as a popup anywhere using a link
Open your quiz and go to the Styles & Settings page and choose the Install Settings tab. After that, choose the theme for publishing your quiz and scroll down the page to "Embed as a popup anywhere" section:
Follow the instructions, watch tutorial and check you Quiz in your navigation or anywhere else in your store!