360° product viewer for e‑commerce — interactive 3D product view on your product pages

One snippet • 360 viewer by SKU / Schema.org / URL

From photo sequence to a published 360° experience

Turn a 360° photo sequence into an interactive product view on your product page. Upload frames, publish, and embed the viewer with one snippet. Setup feels like a 360 product viewer plugin: one {scriptTag} on the page, and the viewer opens in an iframe modal. Bind by SKU (Manual), Schema.org Product markup (AUTO), or page URL. Frames are optimized (WebP + CDN + lazy loading), and per‑product analytics show what shoppers engage with.

Create a 360° product view Watch the demo

frames
for a full spin

WebP

Auto
optimization

modes
Manual / AUTO / URL

Analytics
per product

Interactive on the card

Handbag — sample product for the 360° viewer

Viewer open

Interactive 360°

Let shoppers rotate the product — so details sell without extra questions

A 360° product view helps shoppers judge shape, materials, and details. Spinnify is software for 360° product photos: upload a frame sequence, publish the viewer on your product page, and manage it from one dashboard.

Higher engagement on PDPs

Drag to rotate, swipe on mobile, zoom into details

More confident purchase decisions

Fewer “how does it look?” doubts on visual categories

Actionable analytics

Views and watch time per SKU / product

Add a 360° viewer to your product pages

Shoot a sequence → upload → paste <script> on your site. The “3D” widget opens the viewer in a modal via iframe; the dashboard gives you control and per-product analytics.

No credit card required

Every angle, one lightweight embed

Create a product, upload frames, and paste the code. Your 360° view is ready without a complex integration.

Embed via <script> or iframe.
Frames in WebP with image optimization.
“3D” widget, modal, and per-product analytics.

How it works, step by step

1. Content in the dashboard

Upload frames and control 3D publishing per product.

2. Embedding on the site

Viewer opens in a modal + iframe. Binding by SKU / Schema.org / URL.

3. Preview without a store

Try the 360° viewer in the dashboard before you add code to the site.

4. Per-product analytics

See views and watch time — which spins people actually watch.

Interactive 360° viewer

Everything you need for a 360° product showcase

Upload a 360° frame sequence

Up to 36 images for smooth rotation

Automatic WebP conversion

Lightweight files and fast loading

Viewer in an iframe

Isolated from your storefront for stable rendering

“3D” widget on the product card

Ready-made UX on your site

Three integration modes

Manual (SKU), AUTO (Schema.org), or by page URL

Product dashboard

Create, edit, delete, and toggle publishing

Preview without a live site

Validate the 360° viewer before you ship

Widget analytics

Views and watch time per product

Analytics example: 360° views and average watch time per product

Add a 360° viewer to your site in three steps

Create a product

My products

SKU-001

24 frames

Active

SKU-002

36 frames

Inactive

Upload 360° frames

360° serial photos

Embed the viewer

Integration code

<script

src="widget.js"

data-sku="SKU | AUTO | URL"

></script>

On-site button:

Create a product, upload frames, and paste the code — the “3D” widget shows the 360° viewer where it matters. Bind to SKU (Manual / AUTO) or by page URL.

Open the dashboard and try

Interactive hotspots

Highlight what matters — right on the product

Place interactive points on any 360° frame. AI tracking keeps them locked to the surface as the product rotates — no manual work per frame.

Strap buckle

Clasp lock

Logo

Click-to-place in one frame

Set a hotspot on the anchor frame — position, title, and optional link. AI calculates the rest automatically.

AI-powered frame tracking

Computer-vision tracking maps the hotspot across every frame so it follows the product as shoppers rotate.

Visible in the live viewer

Shoppers see pulsing dots on the 360° product. One tap reveals details, descriptions, or external links.

How hotspots work

Place a dot

Pick a frame, click the spot

AI tracks it

Auto-position across all frames

Shoppers interact

Dots appear in the live viewer

How to connect a 360° product view — with one snippet

Paste <script> into <head> to install the 360° viewer on product pages: bind by SKU (Manual), Schema.org Product markup (AUTO), or by page URL.

Manual (SKU)

Best when your PDP already outputs SKU

<script
  src="https://YOUR_DOMAIN/widget.js"
  data-key="YOUR_WIDGET_KEY"
  data-sku="PRODUCT_SKU"
  defer
></script>

AUTO (Schema.org)

Widget reads SKU from Schema.org Product markup

<script
  src="https://YOUR_DOMAIN/widget.js"
  data-key="YOUR_WIDGET_KEY"
  data-sku="AUTO"
  defer
></script>

By page URL

Bind to a product page URL when SKU is hard to access

<script
  src="https://YOUR_DOMAIN/widget.js"
  data-key="YOUR_WIDGET_KEY"
  data-sku="URL"
  defer
></script>

How it works

Product in dashboard

SKU or page path

widget.js

Script on the site

Modal + iframe

360° viewer

Analytics

Events and metrics

Built for teams that want a fast, controllable embed

Connect without rewriting your frontend

Optimized images for fast loading

One-click publish control

Per-product metrics in the dashboard

Works with any platform

Site builders

CMS

Custom sites

HTML/JS

Frequently asked questions

Product & content

Do 360° product views affect SEO?

360° content alone doesn’t guarantee rankings, but it can improve product-page quality and engagement. The viewer should load fast, and the page should have solid titles, descriptions, images, and product markup.

What’s the advantage over a regular video product tour?

In video, users follow a fixed story. In a 360° viewer they control the angle and spend time on details — which fits product pages where understanding the look matters.

Can I use Spinnify with Shopify, WooCommerce, or marketplaces?

If you can add a <script> or iframe/HTML block, you can connect the widget without a full theme rewrite. The exact steps depend on where you place code on the product page.

Do I need to be a pro photographer?

No. Shoot a sequence, upload to the dashboard, and we prepare images for the 360° viewer and help you embed it.

Embedding & SKU

Do I need a developer?

Not necessarily. If SKU is already on the page, a <script> snippet is often enough.

Can I skip Schema.org?

Yes. Manual mode (SKU in data-sku) always works. There’s also URL mode: set your store base URL and the product path in the dashboard.

Why iframe?

It simplifies integration and keeps the viewer independent from your storefront code.

Capture & on-site display

How many frames should I use?

Usually 24–36 frames: smooth rotation without overloading the page.

Can I disable 3D on specific products?

Yes — the Active/Inactive toggle.

How do I make 360° product photos for my website?

Shoot a frame sequence around the product (typically 24–36 frames) with consistent light and distance. Upload the sequence to Spinnify, then install the 360° viewer on your product page using a snippet (or iframe) and a binding method (SKU / Schema.org / URL).

Is Spinnify a 360 viewer plugin or a software tool?

Spinnify is SaaS software for 360° product spins. On-site it behaves like a plugin: one <script> tag or iframe embed, then you manage products, publishing, and analytics from the dashboard.

Technical excellence

How does Spinnify.io deliver fast 360° widget loading on mobile?

We use a global CDN with assets served from S3-compatible object storage. Frames are encoded to modern formats (WebP/AVIF) with responsive variants, and lazy loading defers decoding until the widget is near the viewport—so it doesn’t block rendering and keeps Core Web Vitals strong, especially LCP and CLS.

Conversion & marketing

How much does 360° imagery lift user engagement?

Interactive spins often increase time-on-page and attention to details because shoppers control the angle. Pair it with fast delivery, clear copy, and clean product markup to turn engagement into stronger organic performance.

Interactivity & hotspots

What are interactive hotspots in Spinnify and how do they work?

Hotspots are interactive overlay layers on the 360° panorama. They can show tooltips, macro detail shots, or CTA buttons inside the spin UI—turning passive rotation into a guided, immersive path to purchase.

Integration

Is it hard to embed the widget in an existing ecommerce site?

Most setups take under five minutes. You get a ready-made JS snippet or iframe that works with modern stacks—from Next.js/React storefronts to popular CMS themes and headless commerce architectures.

Search & generative answers

How does Spinnify affect site speed?

We use a global CDN, WebP delivery, and lazy loading to limit impact on LCP and keep Core Web Vitals strong.

What are Spinnify hotspots?

They’re interactive annotations inside the 360° spin—add copy, photos, and purchase links directly on the product view.

Which CMS platforms does the service support?

Spinnify embeds via iframe or a JS snippet into Next.js, Shopify, WooCommerce, and custom e‑commerce stacks.

In development

Mobile capture for iOS & Android

We’re building a companion app for serial product photography on your phone. It will upload frames straight to Spinnify with your personal API key—WebP conversion and filenames handled for you—so publishing 360° content is much faster from shoot to storefront.

Guided burst-style capture so you can shoot a full spin sequence without leaving the app.

Converts photos to WebP and names files the way the platform expects—no manual prep on a desktop.

Uses your personal API key to send media directly into your workspace—no slow export-and-upload loop from the camera roll.

Cuts the time from capture to live assets, especially when you manage many SKUs.

When the upload completes, the widget on your site can show the new 360° view for that product almost immediately.

iOS

Android

Exact launch timing and feature set may change—we’ll share more as we get closer to release.