Quizzes you build in Octane AI can be previewed inside of Octane AI, or on your website as well. While the former option works great for taking your quiz and testing how it flows, some features like custom fonts are best previewed through an embed on your website.
Table of Contents
1. Previewing Your Quiz in the Editor
Any quiz you build in Octane AI's quiz editor can use the preview feature.
This will allow you to take the quiz you've built so far inside of Octane AI as a fullscreen quiz.
This can be used to test your quiz as you build it and is an important tool in avoiding unexpected issues with your quiz rules. Your quiz can't be previewed if it has unsaved changes, so if you're encountering any save errors they'll need to be resolved first.
1.1. What is the Editor Preview Able to Show?
While you can try out your entire quiz in a preview, there are a small number of limitations.
The in-app quiz preview is unable to show:
A quiz in page body or pop-up embeds.
Analytics from interacting with the quiz.
Custom fonts added in Typography settings.
Adding items to your cart.
The best way to preview your full onsite quiz experience is by embedding it to a page on your store first.
2. Previewing Your Quiz on Your Website
The best way to preview your quiz on your website is by embedding it into a webpage. This lets you test out the full customer journey your quiz is involved in, as well as experience settings such as custom font families or CSS edits.
If you'd like to preview your quiz in a pop-up, you'll need to set up a quiz pop-up on your website as well.
When adding a quiz to a Shopify webpage, you'll be able to make the page Visible or Hidden.
Adding products to your cart from a quiz will only work if the page is set to Visible, but any changes you make in your quiz will be reflected in the embedded quiz as well so both options are generally a great way to preview your quiz outside of Octane AI.
You can find directions on how to add your quiz to a Shopify webpage or in a pop-up on Octane AI's help center.
Have any questions? Send an email to [email protected] or use the support icon to chat with our team.