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

![](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)

### **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.

2. Customize the display settings if needed.
3. 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 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](https://elementor.com/help/edit-html-elementor/), 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.

![](https://storage.crisp.chat/users/helpdesk/website/9c4e823823ced00/capture-decran-2024-12-13-a-10_1w7f3os.png =500x450)

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

![](https://storage.crisp.chat/users/helpdesk/website/9c4e823823ced00/capture-decran-2024-12-13-a-10_ake34o.png =500x471)


6. If your embed code includes:

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

7. Click **Update** or **Publish** to save your changes.
8. 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:

* [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 Quiz](https://help.quizell.com/en/article/how-to-add-custom-javascript-to-your-quiz-1wb6nxo/)
* [How to Personalize Quiz Content Using User Data](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/)