If you prefer, you can check out this information in video format.
The Popup display option lets you open your quiz in a popup on your store.
To use this option, you first need to enable the Lantern Quiz Pop-up app embed in your Shopify Theme Editor.
1. Activate the Lantern Quiz Pop-up app embed
1.1 Go to the Publish page in Lantern.
1.2 Under Ways to show your quiz, select Popup, then click Copy popup URL.
1.3 Click Go to the Theme Editor.
1.4 In the Theme Editor, open App embeds from the left-hand menu.
1.5 Enable the Lantern Quiz Pop-up app embed.
Once the app embed is enabled, you can use the copied Popup URL as the destination link for buttons or links in your store.
2. Trigger a popup quiz by clicking a button
In this example, we’ll use a button on the homepage.
2.1 Open the page or section where the button is located.
2.2 Select the button you want to use.
2.3 Change the button label if needed, for example to Open Quiz.
2.4 Paste the copied Popup URL into the Button link field.
Important note: After pasting the Popup URL, make sure to click the suggested link option. If you do not select it, your changes may not be saved correctly.
2.5 Save your changes and test the button to make sure the quiz opens as a popup.
3. Set up automatic popups
You can also make the popup open automatically based on customer behaviour.
In the Theme Editor, open the Lantern Quiz Pop-up app embed settings.
You can trigger the popup automatically in three ways:
on exit intent
after scrolling a certain number of pixels
after a certain number of seconds
You can use one of them or turn on more than one. The popup opens on whichever happens first.
Trigger the popup on exit intent
Turn on Auto-Trigger on Exit Intent. The popup opens when the customer moves the mouse toward the top of the browser, as if to leave the page. This only works on computers, since phones and tablets don't have a mouse.
Trigger the popup on scroll
Turn on Auto-Trigger on Scroll.
Set Scroll Trigger to how far down the page the customer needs to scroll, in pixels. For example, with 750px the popup opens once the customer has scrolled 750 pixels down the page.
Trigger the popup after a number of seconds
Turn on Auto-Trigger After x Seconds.
Set Time Delay Trigger to the number of seconds to wait before the popup opens.
Choose how often the popup appears
Under How many times to show the popup?, choose how often the same customer sees the automatic popup, for example Once. This applies to all three triggers above.
Choose which quiz should auto-trigger
If you enable any automatic popup option, make sure to also paste the Popup URL into the Which quiz should auto-trigger? field.
Choose which pages the popup opens on
By default, the automatic popup can open on any page of your store. Two optional settings in the same Lantern Quiz Pop-up app embed let you choose where it opens:
Only auto-trigger on these pages: the popup opens only on the pages you list here. Leave it empty to allow every page.
Never auto-trigger on these pages: the popup never opens on the pages you list here. If a page is in both lists, the popup doesn't open there.
Write one page per line, using the part of the page's address that comes after your domain. An asterisk (*) stands for "anything":
/ is your homepage.
/pages/quiz is that one page.
/products/* is every product page, and /collections/* is every collection page.
/collections/watches* is the watches collection, including its filtered and sorted views.
sale* is any page with "sale" in its address.
You can also paste a page's full address, like https://yourstore.com/pages/quiz. If your store is available in other languages or markets, for example /fr/products/..., you don't need to list those versions: /products/* covers them too.
The popup never opens automatically on these pages, with no setup needed:
A page that already shows a Lantern quiz, for example a page where you've added the quiz with the Lantern Quiz app block (see Embed the quiz anywhere in your store) or your in-store quiz page (see Display your quiz with the in-store page).
Your store's password page.
These two lists only control the automatic popup. A button or link with the Popup URL, like the one in step 2, opens the quiz on any page.
If you need help setting this up or have any other questions, please contact us using the in-app chat or email us at [email protected].