Articles on: Embedding and Sharing

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.



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



💡 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.


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.



Step 4: Get Your Quiz Embed Code from Quizell


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



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



  1. 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.


  1. Customize the display settings if needed.
  2. Click Copy Code to copy the generated HTML embed snippet.



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.



  1. Adjust the size of the Embed Code box to fit your Lightbox dimensions.
  2. Click Save and then Exit Lightbox mode.




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



  1. Configure the settings:


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



  1. 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:



Updated on: 10/10/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!