How to Add a Labeled Graphic Block to Your Course

Labeled graphic blocks in ProProfs Training Maker help you visually explain complex ideas by placing clickable labels over images. This makes it easier for learners to absorb key information—especially when text alone isn’t enough.

A course preview with a labeled graphics block.

Why Use a Labeled Graphic?

• Clarifies visual content: Breaks down diagrams or visuals into specific, digestible parts.

• Boosts engagement: Learners interact with each label to uncover relevant details.

• Supports mixed learning styles: Helpful for learners who retain better through visuals than text.

To Add a Labeled Graphic Block During Course Creation in Training Maker:

Step 1: Open a chapter/page in the course editor and click the + button to add a new block.

Step 2: Select “Labeled Graphic” from the slider menu.

Step 3.1: Customize the section per your course. For example, here, we will demonstrate different PPE kit elements.

• Click Settings to replace the placeholder media. You can upload an image from local storage, cloud, or search on Google/Pexels.

• You can modify the block color to match your brand. Use the hex code to add specific color.

Step 3.2: After adding your image, click Edit to add labels and a short description of each label. You can drag and drop the label on the required area.

Here’s a preview of what the labeled graphic block will look like to learners.

Example Use Cases

ProProfs users have applied labeled graphics for:

• Highlighting safety gear components (PPE kits)

• Explaining dashboards or software UIs

• Breaking down workflow visuals in onboarding content

These are especially valuable in compliance-heavy or exam-prep environments where visual clarity drives retention and decision-making.

FAQs

Can I add multiple labels to a single image?
Yes, you can place as many labels as needed, but we recommend keeping it focused—5–7 labels work best.

Can learners view the labels on mobile?
Yes, labeled graphics are mobile-friendly and adapt to smaller screens.

Is there a way to reuse a labeled graphic in another course?
Not directly. You’ll need to recreate it, but keeping your source image and notes handy helps speed this up.

That is all about inserting a labeled graphic block in a course to enhance the learning experience.