No-code 360 product viewer for any ecommerce website without a theme rewrite

One <script> snippet • Shopify / WooCommerce / any storefront

Add 360° spins and interactive 3D models to your product pages

Spinnify 360° Studio is a no-code 360° and 3D product viewer for ecommerce. Upload a photo sequence, a short rotation video, or a GLB model, then paste one <script> snippet into Shopify, WooCommerce, Webflow, WordPress, or a Custom HTML block. Bind by SKU, page URL, or Schema.org Product markup — the viewer opens as an interactive modal popup.

1
snippet
to install
No-code
Shopify +
WooCommerce
3
binding
SKU / URL / AUTO / your button
360
views
tracked per product
No-code widget

Your product page needs a 360 view — not another custom development task

Customers search for a simple way to add 360 view to a website without coding. Spinnify 360° Studio gives ecommerce teams a universal 360 spinner plugin experience: upload frames or drop one rotation video, paste one snippet, and let shoppers rotate the product in a modal popup.

Built for no-code pages

Works where you can add a script, iframe, or Custom HTML block

Answers product doubts faster

Shoppers rotate the item instead of guessing from flat images

Measured like a widget

Track opens, views, and watch time per product

Create a 360 product view from photos — no turntable

AI 360 product photography from three product photos

Skip the turntable, rotation video, and 36-frame studio shoot. Upload one to three product photos from different angles in Spinnify 360° Studio. Our AI generates a smooth 360 product spin, builds 36 frames, and publishes an interactive 360 product viewer on your ecommerce product page.

Smartphone product photos are enough for AI: neutral background, product centred, no hands in frame.

Same ecommerce publish path as photo or video uploads: cloud CDN delivery, lazy-loaded 3D button, SKU matching.

Built for catalogs that need a 360 product view today — not a warehouse reshoot tomorrow.

Create a 360 product view in Studio

Sign in to Spinnify 360° Studio and open any product card to start.

New · GLB 3D models

Interactive 3D product viewer for ecommerce

Already have a product GLB? Upload it to Spinnify 360° Studio and publish an interactive 3D product viewer on your ecommerce page. Shoppers rotate, zoom, and inspect the model in the browser — no custom WebGL build. Use the same storefront widget as your 360° spins: snippet, iframe, or public link.

GLB uploadRotate and zoomMobile controlsOne widget for 360° and 3DHotspots
Interactive 3D product model demo

Add a 360 view without coding

Paste one <script> or your own on-page button — bind by SKU, URL, Schema.org, or data-spinnify-*. Show an interactive 3D product view in a modal for Shopify, WooCommerce, Webflow, and custom storefronts.

No developer required for most installs

A no-code 360 product viewer you can publish today

Create a product, upload frames or a rotation video, and connect the widget to the product page. Your shoppers get a fast modal popup viewer; your team keeps control in the dashboard.

  • Install with one <script>, iframe, or Custom HTML block.
  • Use Shopify, WooCommerce, CMS pages, headless storefronts, or custom HTML.
  • Show a 3D button, modal popup viewer, and per-product analytics.
How it works without custom development
1. Add product content
Upload spin frames (up to 36) or one short turntable video—we build 36 frames automatically.
2. Paste the snippet
Add the widget to your ecommerce theme, CMS template, or Custom HTML block.
3. Match the product
Bind the viewer by SKU, page URL, or Schema.org AUTO detection.
4. Open in a modal
Shoppers click “3D” and rotate the product without leaving the page.
No-code 360 product viewer
No-code 360 product viewer

Everything for a universal ecommerce 360 spinner plugin

Upload photos or rotation video

Up to 36 spin frames—or one short turntable video; we extract 36 frames automatically

Optimized viewer delivery

Frames are prepared for fast storefront loading

Modal popup iframe viewer

The interactive 3D view opens without breaking your page layout

On-page “3D” button

A ready storefront trigger shoppers understand immediately

No-code binding modes

Connect by SKU, Schema.org AUTO, or product page URL

Dashboard for every product

Publish, pause, edit, and manage 360 views without code deploys

Preview before embedding

Test the 360 product display before it appears on the site

Product-level analytics

See which 360 product views shoppers actually open and watch

Spinnify 360° Studio dashboard with widget views, watch time, and product analytics

How to add a 360 view to your website without coding

1

Create a product

My products
SKU-001
24 frames
Active
SKU-002
36 frames
Inactive
2

Upload frames or video

360° serial photos
3

Paste the widget snippet

No-code integration snippet
<script
src="widget.js"
data-sku="SKU | AUTO | URL"
></script>
On-site trigger:

Create a product, upload frames or a short rotation video, and paste the snippet into your Shopify theme, WooCommerce template, CMS, or Custom HTML block. The “3D” trigger opens the 360 product viewer in a modal popup and matches products by SKU, URL, or AUTO markup.

Interactive 3D product details

Make the 360 view explain the product details

Add optional hotspots inside the 360 product view so shoppers can tap details while the item rotates. It is still a no-code storefront experience: the viewer opens from the same modal popup widget.

Leather handbag with interactive hotspot dots highlighting strap buckle, clasp lock, and brand 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

1
Place a dot
Pick a frame, click the spot
2
AI tracks it
Auto-position across all frames
3
Shoppers interact
Dots appear in the live viewer

How to connect a 360 product display widget — with one snippet

Paste <script> into <head>, your storefront template, or a CMS custom-code block — or wire your own on-page button. The viewer binds by SKU, Schema.org Product markup (AUTO), page URL, or data-spinnify-* on your button.

Manual (SKU)

Best when the product page already has a SKU or product code

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

AUTO (Schema.org)

The widget reads Product markup and connects the right viewer

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

By page URL

Useful for landing pages, CMS templates, and Custom HTML installs — when the product page URL is stable

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

Your button

Your own “View in 3D” CTA anywhere on the page — no floating Spinnify 360° Studio button

<button
  type="button"
  data-spinnify-open
  data-spinnify-key="YOUR_WIDGET_KEY"
  data-spinnify-sku="PRODUCT_SKU"
  hidden>
  Your label
</button>
<script
  src="https://www.spinnify.io/widget-trigger-boot.js"
  defer
></script>

No-code install flow

Product in dashboard
SKU or URL path
Widget snippet
Script / iframe / HTML block
Modal popup
Interactive 3D view
Analytics
Opens and watch time

Platform-specific setup lives in our integration hub.

Embed 360 viewer — integration guide
No embed option

Share a 360° spin or 3D product model with one link

Send the same product experience outside your storefront. A public Spinnify 360° Studio link and its QR code open either the product's interactive 360° spin or its GLB 3D model in the browser.

Built for teams that need a no-code 360 product display

Install on Shopify, WooCommerce, CMS, or Custom HTML pages

No theme rewrite for most storefronts

One dashboard controls publishing

Per-product widget analytics

Universal ecommerce widget
Tilda
Shopify
WordPress
WooCommerce
Magento
PrestaShop
Bitrix
InSales
Custom HTML
Laravel
Symfony
Next.js

and pretty much any website

Blog

360° commerce insights & playbooks

Articles on Shopify, WooCommerce, Webflow, and page speed — for merchants who want interactive product spins without hiring a dev team.

All articles
  • Five budget bands of photography turntables next to a Spinnify Studio publish path
    Strategy6 min read

    Best 360 Photography Turntables by Budget: Amazon, Foldio, Iconasys, Ortery, Orbitvu

    Compare motorized 360 photography turntables by load, smoothness, and frame export. Any table can feed Spinnify Studio after you shoot.

    Read article
  • Spinnify photo spin service next to SpinShot hardware-plus-CDN and a 3D configurator
    Strategy4 min read

    Spinnify vs SpinShot vs 360productviewer.com: Same SERP, Three Jobs

    Compare Spinnify 360° Studio with SpinShot’s hosted photo viewer and 360productviewer.com’s 3D configurator. Different jobs, public 2026 facts.

    Read article
  • OpenCart product page opening Spinnify 360° viewer in a modal overlay
    Integration5 min read

    How to Add a 360° Product View on OpenCart

    3 steps for OpenCart 3/4: publish in Studio, paste widget.js in Theme Editor product.twig, bind by Model. Lazy load, modal, CDN.

    Read article
  • Magento 2 product page opening Spinnify 360° viewer in a modal overlay
    Integration5 min read

    How to Add a 360° Product View on Magento 2

    3 steps for Magento 2: publish in Spinnify Studio, paste widget.js in HTML Head or Page Builder, bind by SKU. Lazy load, modal, CDN. Checklist if the button stays hidden.

    Read article

Frequently asked questions

No-code 360 viewer basics

No-code 360 viewer basics

Is Spinnify the same as Spinify?

No. Spinnify 360° Studio (spinnify.io) is a no-code ecommerce 360° product viewer. Spinify (spinify.com) is a sales gamification platform. Different products and companies.

What is a no-code 360 product viewer?

A no-code 360 product viewer lets you show an interactive product spin on a website without building a custom viewer. Spinnify 360° Studio provides the dashboard, snippet, modal popup, and product matching.

How do I add 360 view to a website without coding?

Upload spin frames (up to 36) or one short product rotation video in Spinnify 360° Studio, publish the item, and paste one <script>, iframe, or Custom HTML block into the page. The widget opens the 360 view in a modal popup.

Can I use Spinnify 360° Studio with Shopify, WooCommerce, Webflow, or Custom HTML?

Yes. If the platform lets you add a script, iframe, or HTML block, Spinnify 360° Studio works as a 360 product display widget. Matching uses SKU, URL, Schema.org, or your own on-page button with data-spinnify-*.

Is Spinnify 360° Studio a photo studio or media hosting service?

Spinnify 360° Studio is not a photo studio—it is a no-code 360° viewer and dashboard. After you upload spin frames, Spinnify 360° Studio stores and delivers them from its fast CDN with automatic resize, WebP/AVIF conversion, and optimization. Your storefront only loads a lightweight widget snippet; spin images are not hosted on your web server.

Can I add 360° product view without a 3D model?

Yes. Spinnify 360° Studio builds interactive spins from a photo sequence or a short rotation video around the product—not from a custom 3D mesh. Upload frames or video in the dashboard and publish the widget. No CAD, WebGL scene, or per-SKU 3D modeling is required.

Is there a free plan to try Spinnify 360° Studio?

Yes. Start with a free demo to explore the dashboard and widget. Paid plans scale with how many products you keep active; billing runs through Stripe and you can change or cancel anytime in the dashboard.

Pricing

Plans that scale with your catalog

Start with a free demo, then choose a paid plan when you are ready to publish more no-code 360 product viewers. Compare 360 product viewer pricing for your catalog size—switch or cancel anytime in the dashboard.

Monthly billing each month. Limits by created products.

Demo

$0free trial (demo)

Try Spinnify 360° Studio with one or two products — ideal for a quick proof of concept.

  • Up to 2 products
  • Up to 36 frames per product
  • Integrations: SKU, Schema.org JSON-LD, and URL matching
  • 360° viewer (iframe) + floating 3D widget
  • Interactive 3D product models (GLB) and browser viewer
Get started

Starter

$15/ month

For small catalogs and your first live integrations.

  • Up to 20 products
  • Up to 36 frames per product
  • Integrations: SKU, Schema.org JSON-LD, and URL matching
  • Per-product analytics (views and time on view)
  • Interactive 3D product models (GLB) and browser viewer
Get started
Popular

Business

$29/ month

For shops that add products often and need more headroom.

  • Up to 85 products (80 + 5 bonus)
  • Up to 36 frames per product
  • Integrations: SKU, Schema.org JSON-LD, and URL matching
  • Per-product analytics (views and time on view)
  • Interactive 3D product models (GLB) and browser viewer
Get started

Enterprise

$99/ month

For large catalogs, teams, and higher volume.

  • Up to 500 products
  • Up to 36 frames per product
  • Integrations: SKU, Schema.org JSON-LD, and URL matching
  • Per-product analytics (views and time on view)
  • Interactive 3D product models (GLB) and browser viewer
Get started

Paid plans are billed through Stripe. Yearly billing is one payment with the same product limits.

In development

Faster frame capture for future no-code publishing

We are building a companion app that will help teams capture product spin frames on a phone and send them to Spinnify 360° Studio. The goal is simple: shorten the path from product images to a live no-code 360 viewer on your site.

Guided capture for a full spin sequence without leaving the app.

Prepares frame files for the viewer so less desktop work is needed.

Uploads to your workspace with your personal API key.

Helps teams publish many SKUs faster.

Once frames are ready, the existing site widget can show the new 360 view.

iOS
Android

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