Introduction

Integrating your Quizell quiz into Wix as a popup (Lightbox) is a great way to engage your audience dynamically. By linking the popup to buttons on your site, you can create an interactive experience that enhances customer engagement. Follow these steps to add your quiz to your Wix store.

Step-by-step Guide

Step 1: Access Your Wix Site Editor

Log into your Wix account.

Locate the site where you want to embed the quiz and click Edit Site.

Step 2: Add the Lightbox Element

In the Wix Site Editor, click Add Elements from the left-side menu.

Select Interactive and then choose a Lightbox template.



Remove all the elements inside the Lightbox to create an empty canvas for your quiz.


Note: Lightbox refers to Popup in Wix. For more information on how to customize it, read the article Wix Editor: Adding and Setting up a Lightbox.

Step 3: Add the Quiz HTML inside the Lightbox

In the Wix Site Editor, click Add Elements.

Select Embed Code from the left-side menu and choose Embed HTML.

Step 4: Find your Quiz HTML code

Open your Quizell account.

Navigate to the Quizzes section and locate the quiz you want to embed.

Click the three dots next to your selected quiz and select Share from the menu.



In the Sharing section, select Embed on a webpage.

Toggle the HTML button in the left-side menu.

Copy the script and div code provided.

Step 5: Embed the Quiz HTML code in your Lightbox Element

Paste the copied HTML code into the HTML Settings text box inside the Lightbox.



Adjust the size of the Embed Code element to match the Lightbox dimensions.

Save your changes and Exit the Lightbox mode.

Step 6: Link the Popup to Your Store’s Buttons

Select the button you want to use to trigger the popup.

Add the desired button text, then configure the link:

· In the Links to section, select Quiz.



· Choose the Lightbox containing your quiz.

· Click Done to save the settings.



Click Publish to apply your changes.

🎉 That’s it! Your Quizell quiz is now embedded in your Wix store as a popup. Customize the Lightbox and buttons to align with your branding and create a seamless interactive experience for your customers.

Updated on: 12/12/2024