Introduction

Embedding your Quizell quiz in BigCommerce enables you to engage customers and capture leads directly on your store’s pages. Follow this quick guide to seamlessly integrate your quiz and customize its appearance.

Step-by-step Guide

Step 1: Access Your BigCommerce Page Builder

Log into your BigCommerce account.

Navigate to the Page Builder section.

Select the page where you want to embed your quiz.

Step 2: Add the Quiz HTML Widget to Your Page

In the Page Builder’s left-size menu, go to Widgets.

Locate the HTML widget.



Drag and drop the HTML widget in the section of your page where you want the quiz to appear.

Step 3: Find your Quiz HTML code

Open your Quizell account.

Navigate to the Quizzes section and locate the quiz you want to embed.

Click the three dots next to your selected quiz and select Share from the menu.



In the Sharing section, select Embed on a webpage.

Toggle the HTML button in the left-side menu.

Choose your preferred display option:

· Full Page

· In Page

· Popup

· Greet Bar

· Floating Button

Each option customizes how the quiz will appear on your Shopify page.

Copy the script and div code provided.

Step 4: Embed the Quiz HTML code in BigCommerce

Paste the copied HTML code into the HTML Section’s Text Box in BigCommerce.

Click Save HTML below the box.

Click Save in top-right corner of your screen to finalize your changes.


Your quiz will now appear on the page, in the dedicated section.



🎉 That’s it! Your Quizell quiz is now embedded in your BigCommerce store. Style and customize it as needed to create a seamless and engaging experience for your customers.

Updated on: 12/12/2024