In this tutorial, you will learn how to add a Text with Image page to your course.
A Text with Image page is ideal when you want to support your text with an image. The text will be displayed on the left side of the page, while the image will appear on the right side. This layout helps visually engage your audience while providing essential information.
📌 Important:
Supported Image Formats: .JPG, .JPEG, .PNG and .GIF
Optimal image ratio: 4:3 or 1:1
See the article on Aspect Ratios.
Steps to add a text with image page
→ Navigate to Course Editor
Click on ‘Courses’ in the menu on the left.
Navigate to the course where you want to add a new page.
Then, click the ‘Editor’ button located in the bottom left corner of the desired course.
→ Choose the Story and Chapter
Select the story where you want to add the new page.
From the left menu, choose the chapter where the new page will be added.
→ Add New Page
Click on the ‘Add page’ button.
→ Choose Page Type
In the left menu, select ‘Text with Image’ and then click on the ‘Add page’ button in the bottom right corner.
→ Select Language
Choose the desired language for the page.
→ Name Your Page
Give your new page a title. For tips on naming your page, click here for a guide.
By default, pages are set to ‘live’, but you can set the page to ‘draft’ if you’re not ready to publish it. Draft pages are helpful if you’re working on the page while new hires are already using AppicalNow. To switch to draft mode, click on ‘Live’ and select ‘Draft’.
→ Add Text
Write the content you want to display in the text field below the title. In the image above, this is marked with the text ‘Type your text here’.
→ Upload Image
To upload an image:
Click ‘Choose From Library’ under ‘Choose desktop/tablet image’.
Select an image from the Asset Library, or upload a new image using the ‘Upload to Library’ button. Learn more about the Asset Library.
→ Add Info Button Text
If you want to provide additional information, use the ‘Info Button’ field. When users click on the info button on this page, they will see the text that you write in the ‘Info Button’ section.
→ Configure Page Options
In the ‘Page Options’ section, you can configure answer settings and advanced settings. If you enable the checkbox for ‘Draft Image’, this will show a draft version of the image to users.
→ Advanced Page Options
In the ‘Advanced Page Options’, you can convert your page into another page type. The fields used in the original page (e.g., Title, Explanation, Correct/Incorrect Feedback, and Info Button) will be kept in the converted page, but you’ll need to fill in the answer options again.
👉 Let us know if this article answered your question by using the buttons below. If not, get in touch with our Support Channel for more information.