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 Option 3, 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
Trigger the popup on exit intent
3.1 Enable the exit-intent auto trigger.
This will open the popup when the customer appears to be leaving the page.
3.2 Enter the scroll distance in pixels. If you enter 250px, the popup will open after a customer scrolls to the top 250 pixels of the page.
Trigger the popup on scroll
3.3 Enable the scroll-based auto trigger.
3.4 Enter the scroll distance in pixels. For example, if you enter 750px, the popup will open after a customer scrolls 750 pixels down the page.
Trigger the popup after a number of seconds
3.5 Enable the time-based auto trigger.
3.6 Enter the number of seconds to wait before opening the popup.
3.7 Choose how often the popup should appear, such as Once.
Choose which quiz should auto-trigger
3.8 If you enable any automatic popup option, make sure to also paste the Popup URL into the Which quiz should auto-trigger? field.
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].