This article will explain how to install Quizzes via the Okendo app. Follow the installation steps below to add quizzes to a new or existing page.
Widget Installation
Navigate to Quizzes > Quiz List, click the 3 dots next to an existing quiz, and then Install.
2. Follow the instructions to install the embedded quiz using either of the two methods.
Method 1: Add a Quiz within a Page Section
Note: This method is only supported by Shopify 2.0 themes. Utilize Method 2 for stores using older themes.
a) Click on the copy button next to the Quiz ID field.
b) Go to the Shopify backend, click on Online Store > Theme > Customize:
c) Navigate to Pages from the top menu and choose which page template to edit.
i) To create a template, scroll to the bottom of the Pages list and click Create template.
ii) Give your template a unique name.
iii) Select which existing template you want to base your new template on and click Create template.
d) Make sure the Okendo app embed is switched on.
e) Click on Apps > Add Block and select Okendo's Quiz Widget:
f) Insert the Quiz ID that was copied earlier from the Okendo app.
g) The quiz will now be displayed in the Theme Customizer. Click Save to finalize changes.
Note: Quizzes can be configured to take up the full width of a page. Click on the Apps section and de-select Make section margins the same as theme to do so.
Method 2: Embed Quiz Snippet in Theme
a) Click on the copy button next to the Embed Snippet field.
Follow the steps in Method 1 to edit a Theme but add a Custom Liquid section to a page:
b) Go to the Shopify backend, click on Online Store > Theme > Customize:
c) Choose which page template to edit.
d) Click Add section and select Custom Liquid.
e) Insert the copied code from Okendo into the Custom Liquid section.
f) The quiz will now be displayed in the Theme Customizer. Click Save to finalize changes.
Pages
Once a quiz has been added to a page template, it will display on a store page utilizing the template. To create a new store page follow the below steps:
a) From the Shopify admin, go to Online Store > Pages.
b) Click Add page.
c) Enter a title and content for the page.
d) In the bottom right corner, select the theme template that will be used for the Quiz page.
e) In the Visibility section, select when the page should be published.
f) Click Save.