How can I add images to my questions?

You can add images to quiz questions in a few different ways, depending on the type of experience you want to create.

In Lantern, there are three common options. You can add a layout image to the question page itself, use a question type with image answers, or add images using Content Blocks. This article explains when to use each option and where to find the settings.

For single-choice and multiple-choice question pages, you can add a layout image to the page itself.

Open a single-choice or multiple-choice question page, then go to the right-hand side menu and open General Design. Scroll to the Layout Image section.

Here, you can paste a Layout Image URL, choose the Layout Image Position (Left, Right, or Background), and adjust the Layout Image Width using the slider (from 0% to 100%).

For the best loading speed, we recommend using an image URL hosted in your Shopify store files (Shopify CDN). In most cases, this layout works best with text-only single-choice or multiple-choice question types so the page stays easy to read.

You can use a different layout image on each question page. After changing the image position or width, always check the live quiz preview to make sure the page remains clear and readable.

If you want the image to be part of each answer choice, use a single-choice or multiple-choice question format that supports text and image answers.

This is the best option when the image is part of what the customer is choosing, such as product types, styles, colors, or visual preferences. It is especially useful when each answer option needs its own image and the image should be directly tied to the answer selection.

You can also add images to question pages by using Content Blocks.

This is useful when the image is supporting content rather than part of the answer choice. For example, you might want to add a banner image, an instructional image, a product or lifestyle image, or extra visual content between different sections on your page. Content Blocks give you more flexibility over layout and placement than answer images.

Use Content Blocks when you want more control over where the image appears on the page, or when you want to combine images with custom text and additional content.

For more details, see Content blocks on quiz pages.

Use Layout Image when you want one image as part of the question page layout. Use Image Answers when each answer choice needs its own image. Use Content Blocks when you want flexible visual content on the page outside the answer choices.

A simple rule is this: if the image is part of the answer, use image answers. If the image supports the page design or adds extra context, use Layout Image or Content Blocks.

You can combine these options, but we recommend keeping the page easy to read and not too visually busy.