Display your quiz with the IN-STORE page

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

The In-store display option shows your quiz as part of your Shopify store, with your store’s header, footer, and theme styling around it.

This is different from the Standalone link option, which opens the quiz on its own without your store’s full page layout.

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

With this option, the quiz page automatically adjusts its height. This means you do not need to create a custom page, embed the quiz manually, or add custom code to display the quiz inside your store layout.

The In-store display option is recommended for stores that use multiple currencies or multiple languages. For multilingual stores, this option lets you connect different language versions of your quiz so customers can be shown the correct quiz language and product currency based on their location and store language.

To learn more, please see our guide on setting up multilingual quizzes.

Below are a few ways you can direct customers to your In-store quiz URL.

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

1.1 Go to the Publish page in Lantern.

1.2 Under Option 1, click Copy Quiz URL. This is the quiz URL that includes your store header, footer, and 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.3 Go to your Shopify Admin, then open your 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.4 Choose the button you want to use to send customers to your quiz.

1.5 In the settings panel, update the button label if needed.

1.6 Paste the copied quiz URL into the Button link field.

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.

1.7 Save your changes.

After saving, test the button to make sure it opens the quiz correctly.

2. Adding the quiz as a nav menu element

Adding the quiz to your navigation menu gives customers an easy way to access it from your store’s header.

2.1 From your Shopify Admin, go to Content → Menus → Main menu.

Here, you’ll see the current menu items in your store’s main navigation, such as Home, Catalog, or Contact.

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

2.2 Click Add menu item.

2.3 Add a label for the menu item, such as Try the Perfect Food Quiz.

2.4 Paste the In-store quiz URL you copied from Lantern into the Link field.

2.5 Save your changes.

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.

2.6 Go to your live store and refresh the page.

Your new quiz menu item should now appear in your store’s navigation. When customers click it, they will be taken to your quiz with the store header and footer still visible.

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

You can also link your In-store quiz URL from any text element in your Shopify theme.

3.1 From your Shopify Admin, go to Online Store → Themes.

3.2 Click Customize to open the Theme Editor.

3.3 Go to the page or section where you want to add the quiz link.

3.4 Select the text element you want to update.

3.5 Highlight the text you want customers to click.

3.6 Add the copied In-store quiz URL as the link.

3.7 Save your changes.

Image showing the Shopify Theme Editor with a text block selected, demonstrating how to hyperlink the quiz URL to a text element.

After saving, preview or test the link on your live store to make sure it opens the quiz correctly.

For any questions or help adding your quiz to your store, please don’t hesitate to reach out to our support team.