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.