Skip to main content

Display your quiz with the IN-STORE page

Wendy avatar
Written by Wendy
Updated over 2 months ago

If you prefer, you can check out this information in video format.

This quiz display method is different from the STANDALONE link option because it is fully integrated with your store’s footer and header, basically being part of your store on its page.

Image showing a preview of a quiz displayed directly on a store page, fully integrated with the store's header and footer.


The page will automatically adjust its height, which has the benefit that, compared to adding the quiz on a dedicated page, you don’t have to create that custom page, embed the quiz, or add custom code to add the quiz to that specific quiz.

To better understand how this option can be used, below you can see some methods in which you can take users to your quiz using this display method:

1. Use a button to take customers to your IN-STORE quiz URL

1.1. Copy your quiz URL from the Publish page. Use Option 1 to include the footer, header and any other theme settings.

Image showing the quiz Publish page with Option 1 Copy Quiz URL button highlighted, where users can copy the in-store quiz URL.

1.2. Go inside your store’s theme editor

Image showing the Shopify admin interface, highlighting how to access the Theme Editor under the Online Store section with the Customize button highlighted.

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.

Image showing the Shopify Theme Editor with a button block selected, where the quiz URL can be added and the button label can be edited.

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.

Image showing the Shopify navigation menu editor with the current list of menu items in the store’s Main menu.

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.

Image showing the Shopify menu editor’s section for adding a new menu item. We've added a new menu with the label 'Try the Perfect Food Quiz' and pasted the copied In-store quiz URL in the Link input box.

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.

GIF showing the new menu labeled 'Try the Perfect Food Quiz' appearing in the live store after a browser refresh. It then shows the user clicking the menu item, which opens the quiz with the header and footer visible using the in-store URL method.

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.

Image showing the Shopify Theme Editor with a text block selected, demonstrating how to hyperlink the quiz URL to a text element.
Did this answer your question?