Introduction

Using the Custom Liquid method in Shopify allows for greater flexibility in embedding your Quizell quizzes. You can add scripts, customize the Liquid code, and style your quizzes to fit seamlessly into your Shopify store. Follow this guide to embed your quiz using Custom Liquid.

Step-by-step Guide

Step 1: Access Your Shopify Theme Settings

Log into your Shopify account.

Navigate to the Online Store section.



Select the theme where you want to embed your quiz and click Customize.



In the theme customization panel, select the page where you want to embed the quiz from the dropdown menu at the top.



From the left-side menu, click Add section, and search for Custom liquid.



Click the newly created Custom Liquid section. In the right-side menu, you’ll find two text boxes for adding your Liquid code and Custom CSS.

Step 2: Find your Quiz Liquid Code

In your Quizell dashboard, open the quiz you want to embed.



From the left-hand menu, click the Share tab.



In the Embed on a Webpage tab, choose how you want the quiz to appear:

Full Page: The quiz takes up the entire screen - ideal for standalone quiz pages.

In Page: Embeds the quiz within an existing section of your webpage.

Popup: Triggers the quiz in a modal window when an action is taken.

Greet Bar: A slim banner that appears at the top or bottom of the page with a CTA to open the quiz.

Floating Button: A persistent button that users can click to launch the quiz anytime.

Customize your display settings if needed, then click Copy Code to copy the HTML snippet.

Step 3: Embed the Quiz Liquid Code

Paste the copied Liquid code into the Custom Liquid section’s text box in Shopify.



(Optional) Add Custom CSS in the second text box to style your quiz according to your store’s design.



Click Save to apply your changes.

🎉 That’s it! Your Quizell quiz is now embedded in your Shopify store using Custom Liquid. Enjoy the flexibility to style and customize your quiz as needed, providing an engaging and interactive experience for your customers.

Updated on: 11/04/2025