📌 Note: We recommend to use Google Chrome to ensure an optimal experience when using AppicalNow.
Overview
An Order Image Page allows users to match text with images by dragging the correct answer to the corresponding image. This interactive page is an excellent way to test user knowledge, such as identifying people, products, or objects.
Example:
Users can drag the name of an artist to the corresponding picture, making learning more engaging and memorable.
Steps to add an order image page
→ Open the Course Editor
Navigate to ‘Courses’ in the menu on the left.
Locate the course you want to edit.
Click on ‘Editor’ in the bottom left corner of the selected course.
→ Choose a Story and Chapter
Select the story where you wish to add a new page.
From the menu on the left, click on the chapter where the new page will be added.
→ Add the Order Image Page
Click on ‘Order Image’ in the menu.
Click the ‘Add Page’ button in the bottom right corner.
→ Configure Basic Settings
Choose the desired language.
Give your page a name.
→ Set Page Status
By default, pages are set to ‘Live’. To work on the page without it being visible to users, toggle it to ‘draft’.
→ Add Assignment Instructions
Write a clear instruction in the text field below the title. For example:
"This is an Order Image page. Drag the name of the artist to the correct picture."
→ Add Images and Text
Click ‘Add Answer’ and upload images from your device.
Ensure the images have a 1:1 ratio for optimal display.
Add descriptive text below each image to guide users.
Note: You can upload up to four images.
→ Add Feedback
Provide text for Correct and Incorrect Answers fields to ensure users receive appropriate feedback.
→ Add Info Button Text
Fill in the ‘Info Button’ text field to offer additional information or context for the question.
→ Advanced Page Options
Click ‘Page Options’ on the panel on the right side to access advanced settings such as translate settings, answer settings and advanced page options.
Below you can see what you can configure in Answer Settings:
Exclude from total score: Exclude this question from impacting the user's final score. This is useful for informational or optional questions.
Provide Feedback: Enable or disable feedback for the question.
Visual Feedback: Activate visual indicators, such as checkmarks or highlights, to reinforce correct or incorrect responses visually.
Neutral Answer: If selected, users won’t know if their response is correct or incorrect but will receive a neutral message.
Mandatory Correct Answer: Ensure users answer the question correctly before proceeding.
👉 Was this article helpful? Use the feedback buttons below or contact our Support Channel for further assistance.