> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.quizell.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Embed Your Quiz in Wix as a Popup (Lightbox)

## **Introduction**

Embedding your **Quizell quiz** as a **popup (Lightbox)** in Wix is a great way to engage visitors dynamically. By linking the popup to buttons on your site, you can create an interactive experience that boosts engagement and encourages conversions.

Follow this step-by-step guide to add your quiz to your Wix site as a popup.

## **Step-by-Step Guide**

### **Step 1: Access Your Wix Site Editor**

1. Log in to your **Wix account**.
2. Locate the site where you want to embed the quiz and click **Edit Site**.

### **Step 2: Add the Lightbox Element**

1. In the Wix editor, click **Add Elements** from the left-hand menu.
2. Select **Interactive → Lightbox** and choose a template.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_1euz2xo.png =1000x657)

3. Once the Lightbox appears, **remove all default elements** to create an empty canvas for your quiz.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_1a3h16m.png =1000x657)

💡 **Note:** In Wix, a *Lightbox* refers to a *popup*. For more details on customizing it, see Wix’s guide: [Wix Editor: Adding and Setting up a Lightbox](https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-lightbox).

### **Step 3: Add an Embed HTML Element Inside the Lightbox**

1. While still in the Wix editor, click **Add Elements** again.
2. Select **Embed Code → Embed HTML**.
3. Drag and drop the **HTML box** into the Lightbox.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_66z9n8.png =1000x657)

### **Step 4: Get Your Quiz Embed Code from Quizell**

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

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_1f2p2m9.png =1000x657)

2. At the top-right of your screen, click **Share**.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_1crlx9b.png =1000x657)

3. Under the **Embed on a Webpage** tab, choose your preferred display type:

* **Full Page** – The quiz takes over the entire page (best for dedicated quiz pages).
* **In Page** – Embeds the quiz directly within an existing page section.
* **Popup** – Opens the quiz in a modal when triggered by user action.
* **Greet Bar** – A small banner at the top or bottom of your site with a CTA to open the quiz.
* **Floating Button** – A clickable button that launches the quiz anytime.

4. Customize the display settings if needed.
5. Click **Copy Code** to copy the generated HTML embed snippet.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_11d9scm.png =1000x657)

### **Step 5: Embed the Quiz Code in Your Wix Lightbox**

1. Go back to your Wix editor and open the **HTML Settings** of the Embed HTML box.
2. Paste your **Quizell HTML code** into the text field.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_1r362kf.png =1000x657)

3. Adjust the size of the **Embed Code** box to fit your Lightbox dimensions.
4. Click **Save** and then **Exit Lightbox mode**.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_7rf4z0.png =1000x657)

### **Step 6: Link the Popup to a Button**

1. Select the button on your site that will trigger the quiz popup, and click the **Link icon** .

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_121wj6w.png =1000x657)

2. Configure the settings:

* In the **Links to** section, select **Lightbox**.
* Choose the Lightbox containing your quiz.
* Click **Done** to save.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/image_182a67i.png =1000x657)

3. Click **Publish** to make the quiz live.

## **🎉 That’s It!**

Your **Quizell quiz** is now embedded in your Wix site as a popup. Customize the Lightbox and buttons to match your branding, and create a smooth, interactive experience that keeps your visitors engaged.

## **What’s Next?**

Learn more ways to share and customize your quiz:

* [How to Embed Your Quiz in Wix](https://help.quizell.com/en/article/how-to-embed-your-quiz-in-wix-1dx0wxq/)
* [How to Add Custom CSS to Your Quizzes](https://help.quizell.com/en/article/how-to-add-custom-css-to-your-quizzes-jolqpz/)
* [How to Add Custom JavaScript to Your Quizzes](https://help.quizell.com/en/article/how-to-add-custom-javascript-to-your-quiz-1wb6nxo/)
* [How to Personalize Quiz Content Using User Data in Quizell](https://help.quizell.com/en/article/how-to-personalize-quiz-content-using-user-data-in-quizell-15lev1j/)
* [How to Personalize Your Emails in Quizell](https://help.quizell.com/en/article/how-to-personalize-your-emails-in-quizell-1qb887r/)