Preview your quiz directly in the Okendo admin before publishing it to your store. The live preview updates in real time as you make changes, so you can fine-tune your quiz's content and styling across different device sizes without leaving the editor.
In this article, you will learn about;
Using the preview
The quiz preview appears on the right side of the Build, Configure, and Test tabs. Click the Desktop, Mobile, or Tablet buttons to see how the quiz displays at each device size.
You can also click the pop-out preview to open the quiz in a separate window. Resize that window to any dimension to see exactly how the quiz and individual elements scale. Like the built-in preview, it stays in sync with any changes you make in the admin.
The preview behaves differently depending on the active tab, as detailed below.
Build tab
Page through questions as if you're answering the quiz.
Interact with the quiz directly by clicking on answer options and buttons.
Navigate from the intro page through to the recommendations.
Configure tab
Preview styling and configuration changes you make to the quiz.
Page through the quiz or select a specific page from the dropdown menu in the top left.
If there are different variations of the recommendation page, each can be selected and previewed individually.
The preview automatically switches to the relevant page when you change a setting or styling option.
Test tab
Fixed to the recommendation page.
The recommendation page and products shown update based on the answers you select in the left panel.
Interact with actions such as the Add to Cart button.
Refer to the Testing a quiz article for more details.
Once you've previewed your quiz on all tabs and made any required changes, you can proceed to installation.