Display your quiz with the STANDALONE link

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

The Standalone display option opens your quiz on its own page, without your store’s header and footer.

This is different from the In-store display option, which keeps the quiz fully integrated with your store layout.

Image showing an example of a live standalone quiz displayed in full-page format without the store’s header and 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.

Below are a few ways you can direct customers to your Standalone quiz URL.

1. Use a button to take customers to your STANDALONE quiz URL

1.1 Go to the Publish page in Lantern.

1.2 Under Option 2, click Copy Quiz URL.

Image showing the Publish page in Lantern with Option 2 'Copy Quiz URL' button highlighted to copy the standalone quiz URL for full-page display.

1.3 Go to your Shopify Admin, then open your Theme Editor.

Image showing how to access the Shopify Theme Editor from 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.

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.

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 a list of existing pages under the 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 Standalone quiz URL you copied from Lantern into the Link field.

2.5 Save your changes.

Image showing the Shopify menu editor with a new item added labeled 'Try the Perfect Food Quiz' and linked to the standalone quiz URL.

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 the standalone quiz page.

GIF showing the browser refreshing to display a new navigation item labeled 'Try the Perfect Food Quiz', followed by clicking the item to open the standalone quiz page.

3. Adding the Quiz Link to a text element

You can also link your Standalone 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 Standalone quiz URL as the link.

Image showing a text element being edited inside the Shopify Theme Editor, where the standalone quiz link is added to a line of text.

3.7 Save your changes.

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.