---
title: How to use Image Waypoints template
description: This article will discuss how the Image Waypoints template is configured
---
[Skip to content](https://support.edapp.com/how-to-use-image-waypoints-template#main-content)
English
Show submenu for translations
![EdApp - logo dark mode-1.png\]](https://support.edapp.com/hs-fs/hubfs/EdApp%20-%20logo%20dark%20mode-1.png?height=40&name=EdApp%20-%20logo%20dark%20mode-1.png)
- [Default HubSpot Blog](https://edapp-5741180.hs-sites.com/blog)
Open main navigation
Close main navigation
- [Default HubSpot Blog](https://edapp-5741180.hs-sites.com/blog)
- English
Show submenu for translations
- [edapp.com](https://www.edapp.com/)
[edapp.com](https://www.edapp.com/)
Hello. How can we help you?
- There are no suggestions because the search field is empty.
1. [Help Center](https://support.edapp.com/?hsLang=en)
2. [Creator Tool](https://support.edapp.com/creator-tool?hsLang=en)
3. [Templates](https://support.edapp.com/creator-tool?hsLang=en#templates)
# How to use Image Waypoints template
## This article will discuss how the Image Waypoints template is configured
The Image Waypoints template allows you to choose a source image, then choose “regions” of the image which you can zoom in to see more closely.
Each region can also have its own written caption which appears when you zoom in. The template allows you to add a caption that is not included in the source image.
There are two main ways users can interact with this template:
1. *Guided* - when this box is ticked, the user starts on the first waypoint region and clicks arrows to proceed through the rest of the regions.
2. *Unguided* - Clickable buttons appear which show the user where the different regions are on the source image, and the user can select the regions in any order they prefer.
*TIP: For Guided Waypoints, make the first region the whole image, so the entire image is shown before the user clicks the arrow to zoom into smaller regions of the image.*
### **What can Image Waypoints be used for?**
This template can be used for different types of images, maps, and diagrams.
For example, some possible uses include:
- An image of an object, and you zoom in on each part of the object (as in flower image below) (e.g. parts of machinery, furniture, jewelry, buildings)
- A map, and you zoom in to each area (e.g floor plan, geographical map, map of functions of a business)
- A sequence or process flow diagram, and you zoom in on each step (steps in the evacuation plan, the order to build something, actions to take in a sales process)
### **Steps to Configure Image Waypoints**
1. Upload an image in the *Image* section of the template (or select Design on Canva to select one from the Canva library).
2. Select *Edit Region* and choose the region of the main image you want to zoom in to.
3. Add complementary text to the region in the *Caption* section underneath.
4. Repeat for more regions of the image.
*TIP: Consider whether any existing diagrams which have previously been viewed in a slide presentation or PDF could be reformatted to be more suitable for vertical viewing on a mobile device.*
### **Settings**
#### *Guided vs Unguided (unticked)*
When the guided box is ticked, a user must click the arrows to move through the regions in a sequence. When it is not ticked, a user can click on the regions in any order.
#### *Appearance - Waypoints Color*
Choose whether the clickable regions have a white button or black button *(Unguided Waypoints only).*
#### *Lightbox - Background Color*
Choose whether the caption box or arrows have a background color (*the default is black*).
You can also add RGB and Hex codes, or write “none” or “transparent” here if you don’t want a background color.
#### *Text Color*
Choose whether you want a black or white text for the captions.
- [Getting started](https://support.edapp.com/getting-started?hsLang=en#main-content)
- [Get Started in 5 Minutes](https://support.edapp.com/getting-started?hsLang=en#get-started-in-5-minutes)
- [Lessons & Courses](https://support.edapp.com/getting-started?hsLang=en#lessons-courses)
- [Basic User Management](https://support.edapp.com/getting-started?hsLang=en#basic-user-management)
- [Course Library](https://support.edapp.com/getting-started?hsLang=en#course-library)
- [Definitions](https://support.edapp.com/getting-started?hsLang=en#definitions)
- [Admin portal](https://support.edapp.com/admin-portal?hsLang=en#main-content)
- [Advanced User Management](https://support.edapp.com/admin-portal?hsLang=en#advanced-user-management)
- [Lesson Management](https://support.edapp.com/admin-portal?hsLang=en#lesson-management)
- [Course Management](https://support.edapp.com/admin-portal?hsLang=en#course-management)
- [App Customisation](https://support.edapp.com/admin-portal?hsLang=en#app-customisation)
- [Peer Learning](https://support.edapp.com/admin-portal?hsLang=en#peer-learning)
- [Engagement](https://support.edapp.com/admin-portal?hsLang=en#engagement)
- [Analytics](https://support.edapp.com/admin-portal?hsLang=en#analytics)
- [Features](https://support.edapp.com/admin-portal?hsLang=en#features)
- [EducateAll](https://support.edapp.com/admin-portal?hsLang=en#educateall)
- [Sharing Content](https://support.edapp.com/admin-portal?hsLang=en#sharing-content)
- [Integrations](https://support.edapp.com/admin-portal?hsLang=en#integrations)
- [Learner's app](https://support.edapp.com/learners-app?hsLang=en#main-content)
- [Logging In](https://support.edapp.com/learners-app?hsLang=en#logging-in)
- [Taking Courses](https://support.edapp.com/learners-app?hsLang=en#taking-courses)
- [Features For Learners](https://support.edapp.com/learners-app?hsLang=en#features-for-learners)
- [Extras](https://support.edapp.com/learners-app?hsLang=en#extras)
- [Star Bar](https://support.edapp.com/learners-app?hsLang=en#star-bar)
- [Creator Tool](https://support.edapp.com/creator-tool?hsLang=en#main-content)
- [Branding](https://support.edapp.com/creator-tool?hsLang=en#branding)
- [Templates](https://support.edapp.com/creator-tool?hsLang=en#templates)
- [Course & Lesson Configurations](https://support.edapp.com/creator-tool?hsLang=en#course-lesson-configurations)
- [Copying Slides/Lessons/Courses](https://support.edapp.com/creator-tool?hsLang=en#copying-slides-lessons-courses)
- [Translations](https://support.edapp.com/creator-tool?hsLang=en#translations)
- [Content](https://support.edapp.com/creator-tool?hsLang=en#content)
- [Tips and tricks](https://support.edapp.com/tips-and-tricks?hsLang=en#main-content)
- [Learning Programme Management](https://support.edapp.com/tips-and-tricks?hsLang=en#learning-programme-management)
- [Authoring](https://support.edapp.com/tips-and-tricks?hsLang=en#authoring)
- [Best Practices](https://support.edapp.com/tips-and-tricks?hsLang=en#best-practices)
- [Programme Success](https://support.edapp.com/tips-and-tricks?hsLang=en#programme-success)
- [Engagement](https://support.edapp.com/tips-and-tricks?hsLang=en#engagement)
- [Launch Kit](https://support.edapp.com/tips-and-tricks?hsLang=en#launch-kit)
- [FAQ](https://support.edapp.com/faq?hsLang=en#main-content)
- [Lessons & Courseware](https://support.edapp.com/faq?hsLang=en#lessons-courseware)
- [Authoring](https://support.edapp.com/faq?hsLang=en#authoring)
- [User Registration & Management](https://support.edapp.com/faq?hsLang=en#user-registration-management)
- [Display](https://support.edapp.com/faq?hsLang=en#display)
- [Engagement](https://support.edapp.com/faq?hsLang=en#engagement)
- [Peer Learning](https://support.edapp.com/faq?hsLang=en#peer-learning)
- [Knowledge Performance](https://support.edapp.com/faq?hsLang=en#knowledge-performance)
- [Analytics](https://support.edapp.com/faq?hsLang=en#analytics)
- [System & Technical Support](https://support.edapp.com/faq?hsLang=en#system-technical-support)
- [Subscriptions & Pricing](https://support.edapp.com/faq?hsLang=en#subscriptions-pricing)
- [Educate All](https://support.edapp.com/faq?hsLang=en#educate-all)
- [Contact & Support](https://support.edapp.com/faq?hsLang=en#contact-support)
- [Webinars](https://support.edapp.com/webinars?hsLang=en)
- [Technical / API documentation](https://support.edapp.com/technical-api-documentation?hsLang=en#main-content)
- [Single Sign On for the Learner's Portal](https://support.edapp.com/technical-api-documentation?hsLang=en#single-sign-on-for-the-learners-portal)
- [Single Sign-on for Admin Portal](https://support.edapp.com/technical-api-documentation?hsLang=en#single-sign-on-for-admin-portal)
- [Integrations](https://support.edapp.com/technical-api-documentation?hsLang=en#integrations)
- [API](https://support.edapp.com/technical-api-documentation?hsLang=en#api)
- [Legal documentation](https://support.edapp.com/legal-documentation?hsLang=en#main-content)
- [Third Party Gateway](https://support.edapp.com/legal-documentation?hsLang=en#third-party-gateway)
- [Privacy & Terms](https://support.edapp.com/legal-documentation?hsLang=en#privacy-terms)
- [Troubleshooting](https://support.edapp.com/troubleshooting?hsLang=en)
- [EdApp to SC Migration](https://support.edapp.com/edapp-to-sc-migration?hsLang=en)
- [Default HubSpot Blog](https://edapp-5741180.hs-sites.com/blog)
[](http://edapp.com)
EdApp Help Center
Copyright © 2026, EdApp Pty Ltd
```json
{
"@context" : "https://schema.org",
"@type" : "VideoObject",
"contentUrl" : "https://5741180.fs1.hubspotusercontent-na1.net/hubfs/5741180/screen-capture%20(2)%20%5BMConverter.eu%5D%20(1).mp4",
"dateModified" : "2023-04-10T08:09:18.853Z",
"duration" : "PT1M17.592S",
"height" : 564,
"name" : "screen-capture (2) [MConverter.eu] (1)",
"thumbnailUrl" : "https://5741180.fs1.hubspotusercontent-na1.net/hubfs/5741180/screen-capture%20(2)%20%5BMConverter.eu%5D%20(1).mp4/medium.jpg",
"uploadDate" : "2023-04-10T08:08:27.364Z",
"width" : 1280
}
```