Articles on: Embedding and Sharing

How to Embed Your Quiz in WordPress Using Elementor

Introduction


Embedding your Quizell quiz into a WordPress website built with Elementor is quick and easy. In just a few steps, you can seamlessly integrate your quiz and customize its appearance to match your brand — adding interactivity and engagement to your site.


Step-by-Step Setup Guide


Step 1: Open the Share Tab


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



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



Step 2: Choose an Embed Type


  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 3: Embed the Quiz in WordPress Using Elementor


You can embed your Quizell quiz on any WordPress page or post using Elementor’s HTML Widget. Read this Elementor article, or follow the instructions below:


  1. In your WordPress dashboard, open the page or post where you want to add the quiz.
  2. Click Edit with Elementor.
  3. In the Elementor sidebar, search for the HTML Widget.
  4. Drag and drop the widget onto the section where you’d like the quiz to appear.



  1. Paste your Quizell HTML code into the widget’s text box.




  1. If your embed code includes:


  • CSS, wrap it in <style> </style> tags.
  • JavaScript, wrap it in <script> </script> tags.


  1. Click Update or Publish to save your changes.
  2. Preview the page to ensure the quiz displays correctly.


🎉 That’s It!


Your Quizell quiz is now live on your WordPress site using Elementor. You can adjust the widget’s size, alignment, and styling within Elementor to ensure a seamless fit with your brand and website layout.


What’s Next?


Explore more ways to customize and integrate your quizzes:




Updated on: 09/10/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!