PowerPoint Tutorial: How to Create Image Maps or Hotspots in PowerPoint?
Browse articles:
Auto Beauty Business Culture Dieting DIY Events Fashion Finance Food Freelancing Gardening Health Hobbies Home Internet Jobs Law Local Media Men's Health Mobile Nutrition Parenting Pets Pregnancy Products Psychology Real Estate Relationships Science Seniors Sports Technology Travel Wellness Women's Health
Browse companies:
Automotive Crafts, Hobbies & Gifts Department Stores Electronics & Wearables Fashion Food & Drink Health & Beauty Home & Garden Online Services & Software Sports & Outdoors Subscription Boxes Toys, Kids & Baby Travel & Events

PowerPoint Tutorial: How to Create Image Maps or Hotspots in PowerPoint?

Create image maps or hot spots in PowerPoint with this tutorial and describe, for example, the various parts of a device. The step-by-step PowerPoint tutorial includes screen shots.

With this PowerPoint tutorial, create image maps or hotspots to explain the elements of an image. Say, for example, you want to describe each part of a Vernier caliper. Make each part of this device an image map or a hotspot through hyperlinking it to a slide.  When the user moves the cursor over an element or clicks it, the relevant info displays in a slide. It can contain text and graphics.

In interactive PowerPoint presentations or e-learning courses, hotspots lets users explore information on their own.  Use this tutorial to learn how to create image maps / hotspots in PowerPoint.

Step-by-Step Procedure to Create Image Maps or Hotspots in PowerPoint

1.  Start PowerPoint.

2.  Insert a master slide: Click View > Master > Slide Master.

TIP: Why use a master slide? The two reasons are: the image maps / hotspots will be active in all normal slides; the master slide will keep the file size low.

3.  Insert an image: Click Insert > Picture > From File. The Insert Picture dialog appears.

Select an image and click Insert.

NOTE: For this tutorial, I have used an image of a Vernier caliper to describe its parts. The info displays in a box to the right of the image when the user moves the cursor over a part.

4.  Create the first hotspot: Click AutoShapes > Lines. From the menu, select the Freeform tool.

Use the Freeform tool to create a hotspot

Let’s draw the hotspot for an inner jaw of the caliper. Click on a point on the boundary of the jaw. Create additional points on the edges till the last point overlaps the first. Release the mouse. PowerPoint creates the shape and fills it.

Create the points on the boundary of the part to form the shape

The first image map / hotspot created

5.  Create the hotspots for the other elements of the caliper, using Step 4.

6.  Insert normal slides: Click View > Normal to return to the normal mode.

7.  Draw the content placeholder: Use the rectangle tool and draw a rectangle to the right of the image. In this rectangle, you’ll type the text that describes a part.

Create the content placeholder on a normal slide; the image is on the master slide

8.  Create additional slides: Highlight the first slide in the slide pane on the left and press Ctrl+M to duplicate the slide.  Repeat this procedure to insert as many slides you want.

Normal slides created in the slides pane

9.  Type the content that describes the parts: In each of the normal slide placeholder, type the content that describes the part.

Type the content in the normal slides: the content for first slide created

10.  Return to the master slide view: Click View > Master > Slide Master.

11.  Create the Hyperlinks: Right-click a shape and select Action Settings from the menu. The Action Settings dialog appears.

Right-click a shape and select Action Settings

Click the Mouse Over tab.

The Action Settings dialog: Click the Mouse Over tab

Click the “Hyperlink to” radio button.

Click the down-arrow, scroll the window and select Slide. The Hyperlink to Slide dialog appears.

Select Slide from the "Hyperlink to" scroll window

The Hyperlink to Slide dialog

Click Slide 2. Click OK to close the dialog.

Click OK.

12.  Repeat Step 11 and create hyperlinks for each of the shapes.

13.  Remove the fill in all the shapes: Double-click the shape in Slide 1. The Format Autoshape dialog displays.

Click the down-arrow next to the Color field and click No Fill.

The Format AutoShape dialog: From the Color field pull-down menu, select No Fill

Click OK.

The fill in the first shape removed

14.  Repeat Step 13 for each of the shapes and remove the fill.

15.  Return to the normal slide view: Click View > Normal.

16.  Test the hyperlinks: Press F5 to run the slide show.

17.  Move the cursor over each part and ensure it links to the correct slide.

Vernier Caliper Image Credit: ArtMechanic

Additional resources:

Need an answer?
Get insightful answers from community-recommended
in Software on Knoji.
Would you recommend this author as an expert in Software?
You have 0 recommendations remaining to grant today.
Comments (1)

Hi, I need some help, not sure if this is possible. I want to link an image or multiple images to picture boxes throughout my slides. For an example my presentation has 20 slides, the image I add on the first slide is repeated on slide 2, 3, 10, and 20.... I want to put the image on the first page and somehow it will repeat its self in all the other picture boxes I have linked to that original picture box on slide one. Is this possible? And does the above make sense? I'm battling to know how to google this question in a simpler way