If you prefer, you can check out this information in video format.
This quiz display method is different from the IN-STORE link option because the quiz is on its own page that can be individually customized in the quiz editor and used to link to it from your store. Your store customizations or custom CSS won’t affect this quiz page as it happens with the IN-STORE option, where you have the quiz inside the store sharing customization, the header, and the footer.
Even though it is on its dedicated page browsing back from it will take users to the exact page where they navigated to the quiz from maintaining a seamless navigation between your store and this quiz page option.
Check out the example below on how you can use this display method in your store:
1. Use a button to take customers to your STANDALONE quiz URL
1.1. Copy your quiz URL from the Publish page. Use Option 2 to use the full page quiz format.
1.2. Go inside your store’s theme editor
1.3. Choose the button that you want to use to redirect your customers to the quiz. From the menu on the right-hand side change the button’s label and paste the copied quiz link in the Button Link input box.
Don’t forget to save your changes and make sure to test that it works as expected.
2. Adding the quiz as a nav menu element
This is probably one of the options that offers the most seamless navigation between the quiz and the rest of your store since the header and footer will be common.
2.1. From your Shopify Admin, head over to Content → Menus →Main menu. Here you will find a list of all the pages in your Main menu, such as the Homepage, Catalog, and Contact page.
2.2. At the bottom of the list, you will find the option to Add menu item. Clicking this will open will open a drop down section with the Label and Link you want to add. You can write a suggestive label such as “Try the Perfect Food Quiz” and paste the Quiz URL you copied under Link.
Head over to your store, give it a refresh and your new quiz page should appear as part of the Main menu. Click this and you’ll be redirected to your quiz.
3. Adding the Quiz Link to a text element
From your Shopify Admin, under Online Store, click customize your theme and go inside your Theme Editor. Once on the desired page, you can use the copied URL and connect it as a link in any element on the page that contains text.
