Articles on: Embedding and Sharing

How to Embed Your Quiz in WordPress Using Elementor


Introduction


Embedding your Quizell quiz into a WordPress website with Elementor is a straightforward process that enhances your site’s interactivity. With just a few steps, you can seamlessly integrate your quiz and customize its appearance to align with your brand.


Step-by-step Guide


Step 1: Open the Share Tab


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

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


Step 2: Choose an Embed Type


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.

    To customize settings like colors or positioning, click Edit. Don’t forget to Save after making changes.


Step 3: Copy the Embed Code


Once your settings are ready:

  • Click Copy Code to copy the HTML snippet to your clipboard.


Step 4: Embed the Quiz HTML code in WordPress


To add your quiz to a page or post, use the Elementor HTML Widget. Read this Elementor article, or follow the instructions below:


  1. Open your WordPress dashboard and go to the page or post where you want to embed your quiz.


  1. In the Elementor editor, locate the HTML Widget.


  1. Drag and drop the HTML Widget onto your desired section of the page.



  1. Paste the copied Quizell HTML code into the text area of the widget.



  1. Make sure to wrap:


• Any CSS code with tags at the beginning of your code.


• Any JavaScript code with tags at the end of your code.


  1. Save your changes and preview the page to ensure the quiz displays correctly.


🎉 That’s it! Your Quizell quiz is now embedded in your WordPress site using Elementor. Customize the widget’s size, alignment, and styling to create a seamless and engaging experience for your visitors.

Updated on: 11/04/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!