360 Viewer Hotspot JSON Generator

Create Hotspot Coordinates for 360° Product Viewers

Generate JSON coordinate data for interactive 360-degree product viewers. This tool helps you quickly create clickable hotspot positions for web plugins and applications that display 360° product images with interactive markers.

Perfect for e-commerce, product catalogs, and interactive image galleries that require precise coordinate mapping across multiple rotation frames.

100% Private: All image processing happens directly in your browser. Your files are never uploaded to our servers.

How to Use:

  1. Upload Your 360° Images: Select all frames from your product rotation (they'll be sorted automatically)
  2. Click on Each Image: Click where you want the hotspot to appear on each frame
  3. Skip Unwanted Frames: Use the "Skip" button if a frame doesn't need a hotspot marker
  4. Copy JSON Data: When finished, copy the generated JSON coordinates
  5. Paste into Plugin: Use the JSON data in your 360 viewer plugin settings

The tool outputs coordinate data in the format: { imageIndex: 1, xCoord: 400, yCoord: 300 }

Canvas Settings

Range: 50-2000 pixels

Upload your 360-degree product images to begin mapping hotspot coordinates

← Back to FileTools.io | Imprint | Privacy Policy |