Home >Tips > SharePoint Online from Scratch > Add a PPTX hotspots image kalmstrom.com site map icon Site map  

Add a Picture with Clickable Links created in PowerPoint

A SharePoint Online tutorial by Peter Kalmström

SharePoint iconThere are several ways to create images with clickable links, a "hotspots image", but you cannot easily do it in SharePoint. Instead you have to create the image first and then add it to a SharePoint web part or embed the image.

The web part option can be used for web part pages and wiki pages, while the embed option can be used for the new page model and for wiki pages.

The easiest way to create a picture with clickable links
is to do it in PowerPoint. In the demo below Peter Kalmström, CEO and Systems Designer of kalmstrom.com Business Solutions, shows how to do that and then add the picture to a SharePoint page.

Create a picture with clickable links in PowerPoint

  1. PowerPoint iconStart with a blank slide.
  2. Open the INSERT tab.
  3. Now you can insert several kinds of pictures in the slide.
    Peter chooses to use a SmartArt picture, and the rest of the instruction is for SmartArt, but you can also insert another picture and add a hyperlink to it.
  4. Select a SmartArt picture and click OK. Now the DESIGN tab will open and the picture will be displayed in edit mode.
  5. Write the captions for your hyperlinks in the SmartArt picture.
  6. Click on the Change colors button and select one of the color options, if you don't want to use the default color.
  7. Select a caption and open the INSERT tab.
  8. Click on the Hyperlink button and add the path to the site you want to link to. Click OK. Do the same with each caption in the picture.

PowerPoint picture in SharePoint


Add a PowerPoint picture with clickable links to a SharePoint wiki page

  1. In PowerPoint, save the .pptx file to the SharePoint site where you want to add the picture.
    1. Add the path to the SharePoint site in the address field. (If you copy the path, remember to only copy the part of the URL that gives the site.)
    2. Press Enter and select where on the SharePoint site your file should be saved.
  2. In SharePoint, open the page where you want to place the picture in edit mode.
  3. Open the picture, preferably in a new window.
  4. Open the ellipsis at the .pptx file. In the menu below the picture, open the Embed Information.
  5. Copy the embed code.
  6. Go to the page you opened in edit mode.
  7. Open the INSERT tab and click on the Embed Code button.
  8. Paste the embed code into the form (and modify it if needed).
  9. Click on Insert.
  10. Save the page.

Add a PowerPoint picture with clickable links to a SharePoint new model page

The steps 1-6 in the wiki page description above are the same for a new model page. Then follow these steps instead:
  1. Click on the plus sign and select the Content Embed web part
  2. Paste the embed code into the form in the left pane (and modify it if needed).
  3. Save the page.





Learn more


---------------------------------------------------------------------------------------






Always the latest news in the kalmstrom.com blog



Follow kalmstrom.com on LinkedIn Facebook, Google+  or Twitter!

back icon next icon