Visual Quiz Builder supports many different ways to publish a quiz.
When you click on the Publish (or Save & Publish) button, a popup will appear that includes all the quiz publishing settings.
Fullscreen - Separate Shopify page
When you choose to publish your quiz as a “Separate Shopify page” and grant Visual Quiz the access to create a page on your store, Visual Quiz Builder automatically creates a page with the title - “VQB <quiz name>” - in your store.
Publishing the quiz as a “Separate Shopify page” does not require the app to be embedded at the theme level. Although our app has been certified by Shopify to not have an impact on your store’s speed, some merchants still prefer to minimize code installed by apps at the theme level. A quiz published as a page also lends itself easily to A/B testing with free tools such as Google Optimize. For these reasons, page quizzes are one of the more popular quiz formats among our stores.
One consideration of implementing a page quiz is that the quiz taker is re-directed to a new page and leaves their flow prior to starting the quiz.
<aside> 💡 By default, a page quiz created by Visual Quiz Builder will not show the header and footer of your store. But this can easily be modified as discussed below. You can also opt to embed a Visual Quiz Builder quiz into any page you create in your store as discussed in the Embedded Mode section of this article.
</aside>
Once the quiz is published, you can go into the theme editor, find the quiz template (using the quiz number - #8572 in the above example) and remove the “{% layout none %}” tag from the template as illustrated in the following screenshots. The quiz will be rendered with the website header and footer.
