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.

Step 3: Get Your Quiz Embed Code from Quizell

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

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

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.

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.

🎉 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
• How to Add Custom JavaScript to Your Quizzes
• How to Personalize Quiz Content Using User Data in Quizell
• How to Personalize Your Emails in Quizell

Updated on: 10/10/2025