How to create an image hotspot to link to another site?

Root Folder > DNN (DotNetNuke) > DNN Common Modules > HTML Module (most used)
Using the Image Map Editor to Create Hotspots!
 Steps to Create Image Hotspots
  1. Create Image
  2. Resize Image
  3. Add an image to an HTML Module (Adding Images)
  4. Once added update the HTML Module and then click to edit content
  5. Click on the image
  6. From the 'Insert Media' drop-down select 'Image Map Editor'

  1. Select the 'Area Shape' desired either rectangle or circle
  2. Take cursor and go over to the image on the left side of the view hold down and create shape in the area desired
  3. Place desired URL link in URL area
  4. Target - select from options ranging from 'Open in New Window' to 'Open in Same Window'
  5. Click 'Update Area'
  6. If more links are needed click 'New Area' otherwise click 'OK'
  7. Click 'Update'



  • If you do not want the display container of the module to show click 'Settings' of the module 
  • Click the 'Page Settings' tab and roll down to uncheck display container
Article ID: 176, , Modified: June 11, 2014 at 2:56 PM

Share this article

FacebookGoogle+TwitterOther Social NetworksPrint