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

## **Introduction**

Embedding your **Quizell quiz** in **BigCommerce** lets you engage customers directly on your store pages while capturing valuable leads. With just a few steps, you can seamlessly integrate your quiz and style it to match your brand.

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

### **Step 1: Access the BigCommerce Page Builder**

1. Log in to your **BigCommerce account**.
2. From your dashboard, navigate to the **Page Builder**.
3. Select the page where you want to embed your quiz.

### **Step 2: Add the HTML Widget to Your Page**

1. In the **Page Builder** sidebar, open the **Widgets** section.
2. Locate the **HTML widget**.
3. Drag and drop the widget into the section of your page where you want your quiz to appear.

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

### **Step 3: 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 4: Embed the Quiz Code in BigCommerce**

1. Return to **BigCommerce Page Builder**.
2. Click the **HTML widget** you added and open the text box.
3. Paste your **Quizell HTML embed code** into the box.
4. Click **Save HTML** below the text box.
5. Click **Save** in the top-right corner to publish your changes.

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

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

Your **Quizell quiz** is now embedded in your BigCommerce store. You can style and adjust it as needed to create a seamless, on-brand experience for your visitors.

## **What’s Next?**

Explore more embedding and customization options:

* [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/)