Hotspots on a 360 spin

This demo shows how Sirv can add hotspots to images in our 360 degree product viewer.

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. This process will be simplified with a graphical configuration wizard, to quickly configure hotspots in your Sirv account.

Please contact the team with any questions about hotspots.

Get 360 product photography

Easily find top 360 product photography experts near you on Sirv Experts.