You can add a background image to your quiz using Layout Image on question pages, or custom CSS for the entire quiz.
Use Layout Image on question pages
If you want an image background on your question pages, you can use the Layout Image feature on single-choice and multiple-choice questions.
Add your image link in the Layout Image URL field, then set Layout Image Position to Background.
For best performance, we recommend using an image hosted on your Shopify CDN.
Use custom CSS for the entire quiz
If you want a true background image across the entire quiz, including the welcome page, opt-in page, and results page, you’ll need to use custom CSS.
You can access this from Theme Settings, then click Edit Custom CSS.
A few things to keep in mind
Because quizzes are fully responsive, each page can look different depending on the device, screen size, and content. This means large background images can stretch, crop, or sit behind text and buttons, especially on mobile or longer pages like the results page.
In most cases, the safest options are subtle repeating patterns, textures, gradients, or other simple background designs.
If you have a specific image or design in mind, feel free to share it with us. We’ll be happy to suggest the best approach.