bluebarry.
ReviewsPricingResources
Sign inBook demoBook a 15 min demo
Help Center/Launch and embed/Embedding your quiz funnel

Embedding your quiz funnel

Martijn Douma
Martijn Douma · Co-founder bluebarry
Updated September 25, 2026

An embedded quiz sits right in your page, like any other section. No button to click, no overlay: shoppers start answering where they land. It works well on a dedicated "Find your match" page or a "Need help choosing?" block on a category page.

Choose the embedded display type

The Choose your preferred display type section with Pop-up, Side panel, Embedded and Full page, and Embedded selected
  1. In the sidebar, go to Quiz funnels → All quizzes and click Edit on your quiz.
  2. Open the Launch tab.
  3. Under Choose your preferred display type, select Embedded ("Inlined in your page without a close button").

Also open the same quiz from buttons elsewhere? Then keep Pop-up or Side panel as the display type. The embed code below always shows the quiz inline, whatever you choose here.

Get the embed code

The Embed in page section of the Implementation tab with the iframe code and a Copy button
  1. Publish the quiz if you haven't yet.
  2. Click the publish button at the top right of the editor and open the Implementation tab.
  3. Expand Embed in page and click Copy.

The code is a small iframe that fills the width of its container and is 600 pixels high. Change the height if your quiz needs more room.

Paste it into your page

  • Shopify: in the theme editor, add a Custom Liquid section (or a custom HTML block) where the quiz should go and paste the code.
  • WordPress and WooCommerce: use a Custom HTML block.
  • Any other site: paste the code into the page's HTML where you want the quiz.

You paste the code once. When you publish a new version of the quiz, the embed shows it automatically.

Where to embed

As a section in a page

Put the quiz between your other content, for example below the intro of a category page. Give it a clear heading above, such as "Not sure which one to pick? Take the 1-minute quiz".

As a page of its own

Create a dedicated quiz page and give the embed most of the screen. This is the page to link from emails, ads and social posts.

Tips

  • Give the quiz enough height. A cramped embed makes shoppers scroll inside the quiz.
  • Check the page on your phone. Most quiz traffic is mobile.
  • Prefer a full-screen experience without building a page? Choose the Full page display type and open the quiz with a button instead. See Launch as a button.

Related articles

Adding your quiz funnels to your store

Add the bluebarry script to your store once, through your platform's app or the funnel script, then choose how shoppers open each quiz.

Read article →

Launch as a button

Open your quiz from a button or link: use the Shopify app blocks per collection, or the quiz link and button snippet on any other store.

Read article →

Built for a fast storefront

Performance comes first at bluebarry. Discover small scripts, lightweight quizzes, and fast delivery through Cloudflare, from first visit to return visit.

Read article →

Can’t figure it out? We probably can.

Every article here was written by the people who built the product. If one of them still leaves you stuck, tell us and we’ll fix it.

Contact usJoin Discord, free forever
bluebarry.

Helping beauty, health and outdoor brands reach their dream AOV

[email protected]+31 6 57 16 10 87De Ried 10, 9285KK Buitenpost (The Netherlands)
Martijn DoumaStan van RooyAnco PostmaJelmer Reitsma

The guys that are increasing your AOV.

Platform
Quiz funnelsLanding pagesProduct QuizRecommendationsSearchIntegrationsPricing
Resources
CasesHelp centerFAQCompare
Company
Contact usPartners & affiliateReviewsRequest demo
Book a 15 min demo
© 2026 bluebarry. All rights reserved.
Privacy PolicyCookie PolicyTerms & Conditions
English/Nederlands/Deutsch
bluebarry