How To Add A Clickable Picture In SharePoint

Adding a clickable picture in SharePoint can enhance the user experience and make your SharePoint pages more interactive. It allows users to directly interact with the image, which can lead to improved engagement and navigation.

There are different methods and tools available to add clickable pictures in SharePoint. One popular method is to create an image map using image editors or online tools. With an image map, you can define specific areas within the image as clickable links. After creating the image map, you can upload both the image and the corresponding ASPX file to SharePoint. It’s important to enable custom script in order to embed the image map.

Alternatively, you can also use PowerPoint to create a multi-click image in SharePoint. By adding shapes and linking them to specific URLs, you can create an interactive image that directs users to different destinations based on their clicks.

In SharePoint Designer 2010, there was a feature called hotspot images that allowed you to create clickable links within an image. However, this feature has been removed in SharePoint Designer 2013. If you still wish to use hotspot images, you can copy the map and image code from SharePoint Designer and paste it into the wiki page’s source code.

By utilizing these methods and tools, you can easily add clickable pictures to your SharePoint pages, creating a more dynamic and engaging user experience. Stay tuned for our step-by-step guide in the next section, where we will explore these methods in detail.

Methods for Adding Clickable Pictures in SharePoint

There are several methods you can employ to add clickable pictures in SharePoint, depending on your preference and the version of SharePoint you are using. One approach is to create an image map using an image editor or online tools. With an image map, you can define clickable areas on the image that link to specific URLs.

If you choose this method, you will need to upload both the image and the ASPX file, which contains the mapping information, to SharePoint. Don’t forget to enable custom script to ensure the image map functions properly. Once uploaded, you can insert the image map into a SharePoint Online page using the Embed web part.

Another option is to utilize PowerPoint for creating a multi-click image. By adding shapes and linking them to specific URLs, you can create a visually appealing image with multiple clickable areas. This method is especially useful when you want to navigate users to different destinations based on the area of the image they click on.

In SharePoint Designer 2010, you can also create hotspot images with clickable links. However, it’s important to note that this feature has been removed in SharePoint Designer 2013. If you still have access to SharePoint Designer 2010, you can create the hotspot image and then copy the map and image code from SharePoint Designer. Finally, paste this code into the source code of the wiki page where you want to display the hotspot image.

Meet the Author

Abdul Rahim has been working in Information Technology for over two decades. Learn how Abdul got his start as a Tech Blogger , and why he decided to start this Software blog. If you want to send Abdul a quick message, then visit his contact page here.