Home >Tips > SharePoint Online from Scratch > Add a picture with clickable links - Visio kalmstrom.com site map icon Site map  

Add a Picture with Clickable Links created in Visio

A SharePoint Online tutorial by Peter Kalmström

SharePoint iconThere are several ways to create a "hotspots image", a picture with clickable links, 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.

In the demo below Peter Kalmström, CEO and Systems Designer of kalmstrom.com Business Solutions, shows how to first create a picture in Visio and then add the picture to a Visio Web Access web part in a SharePoint wiki page.

Refer to our article on how to add Visio to Office 365, if you don't already have access to Visio.

Create a picture with clickable links in Visio

  1. Visio 2013 logoStart with a blank drawing.
  2. Add the objects you want to use.
  3. Modify the layout.
  4. Enter text in the objects.
  5. Open the INSERT tab and add hyperlinks to the text.
  6. Save the Visio drawing to the SharePoint site.

  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 Visio drawing with clickable links to a SharePoint page

  1. In Visio, save the drawing 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 picture should be saved.
  2. In SharePoint, open the wiki page where you want to place the picture in edit mode.
  3. Under the INSERT tab, click on the Web Part button.
  4. Under ‘Business Data’, select 'Visio Web Access'.
  5. Click on the Add button.
  6. Move the cursor overn the top right corner of the web part. Expand the accordion and click on ‘Edit Web Part’.
  7. Browse to the Visio drawing, or enter its URL.
  8. Make other settings and click on Apply or OK.
  9. 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