Hotspots on a 360 spin

This demo shows how Sirv can add hotspots to images in a 360 spin.

On the final frame of this spin are 3 yellow hotspots:

The 3 hotspots do different things on-click:

  • One hotspot displays some text.
  • One hotspot displays an image.
  • One hotspot links to a URL.

The message uses HTML, so can contain anything you wish – “Add to card” buttons, Facebook “Like” buttons, YouTube videos etc.

The message box is styled with CSS, allowing you to change the design as you desire.

A couple of other Sirv Spin features are utilized in this demo:

  • The spin has been configured to stop on the final frame. Normally, spins loop continuously.
  • Images are served in WebP format to Chrome and Opera browsers, for faster loading.

How to add hotspots

To start using hotspots, follow the tutorial how to add hotspots on a 360 spin. It explains how to download a .spin file and manually configure it.

.spin files are JSON files. You don’t need to be a programmer to customize them, though you will need a developer with CSS skills if you wish to change the default look of the hotspots.

It can take 1-4 hours to configure a spin with lots of hotspots, so we will simplify this with a graphical configuration wizard. This will let you quickly configure hotspots in your Sirv control panel and is scheduled to launch in early 2016. Until then, use the manual process described in the tutorial.

Please contact the team with any questions about hotspots.