Bluebarry
  • Pricing
  • Reviews
  • Resources
Sign inStart building
Help Center
Quiz builder
Customize Quiz Theme and Layout

Customize Quiz Theme and Layout

MD
Martijn Douma · Co-founder bluebarry
Last updated: May 15, 2026

Theme and layout settings help the quiz feel like part of your storefront. Adjust colors, fonts, button styles, cards, images, and responsive layouts before launch.

Update Styling

Quiz theme controls shown beside a quiz preview.
  1. Go to Dashboard.
  2. Open the quiz funnel you want to style.
  3. Click Design quiz.
  4. Click the Design icon in the left panel.
  5. Click Edit on the theme card you want to change.
  6. Use Brand identity to upload or change the logo.
  7. Use Typography to review Body font and Headings font.
  8. Use Global colors to adjust Page background, Primary text, and Progress bar.
  9. Use Buttons & inputs to adjust Primary buttons, Background, Text, and Size.
  10. Review the preview on desktop and mobile.

After styling changes are saved, the quiz preview updates. Publish the quiz when you want the changes to reach shoppers.

Styling Checklist

AreaWhat to review
ColorsButtons, highlights, and selected states match the brand.
TypographyQuestion and answer text is readable on mobile.
ImagesAnswer images and product images do not crop important details.
SpacingThe quiz does not feel cramped in popup or embedded display modes.

Related articles

Quiz Editor Overview

The quiz editor is where you design the customer experience, connect answers to products, test the flow, and prepare the quiz for launch.

Design the Start Page

Design the start page that welcomes shoppers before the first quiz question and sets expectations for the experience.

Preview and Test a Quiz

Preview and test your quiz before publishing so you can catch confusing questions, broken paths, and empty recommendations while changes are still in draft.

Join the bluebarry community on Discord

Ask questions, share wins, and get support from the team and other e-com brands building with bluebarry.

Join Discord (free forever)

Need help?

If you can't figure it out, we probably can. Just give us a heads up in Discord or email ([email protected]).

Contact us

Platform

  • E-Com Funnels
  • Landing pages
  • Product Quiz
  • Recommendations
  • Integrations
  • Search
  • Pricing
  • Features
  • Reviews

Integrations

  • Shopify
  • Magento
  • WooCommerce
  • Klaviyo

Resources

  • Getting started
  • Resources
  • Help center
  • Shopify Quiz FAQ
  • Klaviyo Quiz FAQ

Contact

  • Partners & affiliate
  • Contact us
  • Request demo

[email protected]

+31 6 57 16 10 87

Hamburgerstraat 10, 9714 JB Groningen (The Netherlands)

LinkedInYouTube
Martijn Douma
Stan van Rooy
Anco Postma
Jelmer Reitsma

© 2026 Bluebarry AI. All rights reserved.

Privacy PolicyCookie PolicyTerms & Conditions