Link your quiz to a dedicated page
If you prefer, you can follow along with a video tutorial of the steps we show below.
Once you publish your quiz you'll see the "Success! Your quiz has been published. Use one of the methods below to add it to your storefront." message at the top of the screen.
To start the process you need to copy the quiz URL. You can use the URL to connect to a button, link or menu item in your store.
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.
Adding the quiz to a button
The second option would be to connect the quiz to a button. Select the element and from the right hand side menu, customize the Button label and paste the quiz URL in the Button link input box.
Adding the quiz as a nav menu element
From your Shopify Admin, head over to Online Store → Navigation →Main menu. Here you will find a list of all the pages in your Main menu, such as the Homepage, Catalog, and Contact page.
At the bottom of the list, you will find the option to Add menu item. Clicking this will open a sidebar on the right-hand side of your screen where you can add a relevant page for your quiz and paste the Quiz URL.
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.
All connections using the quiz URL will open the quiz as a standalone page.
