Quiz Widget: Images Guide - Upload Process and Visual Display For Standard Template

Classic Quiz Widget: How to Upload Images from the Portal

Images are essential for making your quiz widgets visually engaging and capturing user attention. This guide shows you how to upload images for the Classic Quiz widget and teaches you with visual guides how images are displayed when you choose a Standard template layout for your quizzes.

📖 How do I access image settings in the Management Portal?

Navigate to the Management Portal and log in to your account
In the left sidebar, locate and click on CLASSIC QUIZZES
Select the specific quiz you want to configure
In the quiz management screen, locate the Images section on the right side
Upload a Main image, or click on Show more images to upload cover or mobile image

In the left sidebar within the Portal, locate and click on Classic Quizzes. Select the specific quiz you want to configure

⚙️ What Images Can I Upload? Where Are They Displayed for Standard Template Quizzes?

Our Quiz widget offers three different template layouts: Standard, Split and Overlay. The Standard template uses a card-based layout where you have flexibility in positioning your images.

You can choose to position your main image on either the left or right side of the quiz card. The quiz content (questions and answers) occupies the larger portion of the screen, with your uploaded image complementing it on the side you select.

The image displayed on your quiz, acting as the primary visual element, is the 'Main' image that can be uploaded from the Portal > Quiz management page > Images > Main

📌 Wondering About Images for Other Layout Templates? Read Our Other Articles:

🖼️ Main Image: How Do I Upload It? How Is It Displayed in My Quiz Widget?

The Main Image is the primary visual element of your Standard template quiz. It appears prominently alongside your quiz content.

How to upload it: Navigate to the Management Portal > Classic Quizzes > Select your quiz > Images section > Upload your image in the "Main" field.

How it's displayed:

The Main Image appears on either the left side or right side of your quiz card
You can control the image position through:
- Management Portal: Quiz editing page > Widget Embed Code > Image position setting (📖 Read More Here)
- Widgets Storybook: Controls tab > imagePosition (📖 Read More Here)

Standard Template Quiz With Main Image on the LEFT Side

Standard Template Quiz With Main Image on the RIGHT Side

Standard template quiz WITHOUT Main Image uploaded

When no Main Image is uploaded, the quiz displays with a clean, minimal layout showing only the quiz content (title, questions, and answers)

Further Reading