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
  • Turntable, soft lights, and camera setup for 360 product photography
    Strategy6 min read

    360 Product Photography Equipment: Turntable, Lights, and What You Skip

    Choose a turntable, lights, camera, and backdrop for 360 product photography, then publish consistent frames with Spinnify.

    Read article
  • Spinnify 360° Studio hero for a 3D product viewer ecommerce page speed article
    Performance7 min read

    3D Product Viewer for Ecommerce Without Slowing Your Product Page

    Show 3D product detail without a slow PDP. See why click-to-load beats heavy WebGL embeds, and how Spinnify keeps LCP safe.

    Read article
  • Spinnify 360° Studio: comparing real estate virtual tour pricing paths for apartments
    Strategy6 min read

    Real Estate Virtual Tour Pricing in 2026: Matterport, Pro 360, and Lighter Spins

    What real estate virtual tour pricing looks like in 2026: Matterport scan packages, pro 360 photography, DIY apps, and when a phone spin is the cheaper listing path.

    Read article
  • Spinnify 360° Studio: lazy loading timeline for 360 product widgets on ecommerce PDPs
    Performance4 min read

    Lazy Loading 360 Product Widgets: Tap to Open, CWV, and CDN Frames

    How to lazy load 360 product widgets and lazy loading images on PDPs: poster first, tap to open, protect Core Web Vitals and LCP, serve WebP and AVIF from CDN.

    Read article

Frequently asked questions

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.

Shopify, WooCommerce, and product matching

Do I need a developer to install the 360 product viewer?

Usually no. For Shopify, WooCommerce, Custom HTML, and many ecommerce templates, pasting the snippet is enough. A developer may help only when your platform blocks custom code.

Can the widget work without Schema.org markup?

Yes. Manual SKU mode and URL mode do not require Schema.org. AUTO mode is available when the product page already has Schema.org Product data.

Why does the 360 viewer open in an iframe modal popup?

The modal popup keeps shoppers on the product page, while the iframe isolates the interactive 3D view from storefront CSS and scripts. That makes installation simpler and more stable.

How do I add 360° product view to Tilda?

Create a product in Spinnify 360° Studio, upload frames, and paste the widget <script> into Tilda site settings (before </head>) or a T-code / HTML block on the product page. Match the product by SKU, page URL, or Schema.org AUTO—no custom Tilda module required.

Does Spinnify 360° Studio work as a 360° widget for Shopify and WooCommerce?

Yes. On Shopify, use the Spinnify 360° Studio app (see the integration guide). On WooCommerce and similar platforms, paste the snippet in the theme or product template. Matching uses SKU, page URL, Schema.org, or a custom trigger button.

Can I share a 360° view without embedding code on the page?

Yes. Copy a public viewer link from the Spinnify 360° Studio dashboard and send it in email, chat, B2B quotes, or marketplaces that block scripts. The buyer opens the same interactive spin in the browser—no snippet on the host page required.

Display, frames, and modal popup

How many frames do I need for a 360 product display?

Most products look smooth with 24–36 frames. Fewer frames load faster; more frames can feel smoother. Or upload one short turntable video (up to 35 seconds)—Spinnify 360° Studio extracts 36 evenly spaced frames automatically.

Can I turn the 360 widget on or off for individual products?

Yes. Each product has publishing controls in the dashboard, so you can enable, pause, or update the 360 view without changing the site snippet.

Can I capture 360° frames with a phone?

Spinnify 360° Studio is building iOS and Android apps for guided capture on a turntable. Frames compress to WebP on device and upload to your workspace with your API key—the same items can power the site widget once published.

Can I upload a product rotation video instead of separate photos?

Yes—in the Spinnify 360° Studio web dashboard, drop one short turntable video (MP4, WebM, or MOV, up to 35 seconds and 50 MB) into the same upload zone as spin frames. Spinnify 360° Studio validates the file, extracts 36 frames across the timeline, and uploads them to the cloud. Use landscape for the main 4:3 series and portrait for the optional 3:4 mobile series. One video per upload—do not mix video and photos in the same drop. Video upload is available in the web dashboard; the mobile app captures individual frames, not video files.

3D product models and GLB viewer

What is a 3D product viewer?

A 3D product viewer displays an interactive product model in the browser. Shoppers can rotate and zoom the model to inspect it from different angles without leaving the product page.

How do I add a 3D model to an ecommerce website?

Upload a GLB model to Spinnify 360° Studio, publish the product, and connect it using the existing widget, iframe, or public link. No custom WebGL viewer is required.

What 3D model format does Spinnify 360° Studio support?

Spinnify 360° Studio supports GLB, a compact web-ready format that can contain the model, materials, and textures in one file.

What is the difference between a 360° product spin and a 3D model?

A 360° spin uses product photos captured from multiple angles. A 3D viewer renders a GLB model and allows free rotation and zoom. Spinnify 360° Studio supports both formats.

Can I share a 3D model using a link or QR code?

Yes. A published 3D product has a public viewer link. Copy the link or share its QR code so customers can open the model on desktop or mobile.

Will a 3D product viewer slow down my product page?

The 3D viewer loads when a shopper opens it rather than during the initial page load. This keeps the storefront lightweight while the GLB model is delivered separately.

Technical implementation

How does Spinnify 360° Studio keep a no-code 360 product viewer fast?

Frames are stored on Spinnify 360° Studio's CDN and served through an optimized delivery pipeline—resize, modern formats (WebP/AVIF), and quality tuning per viewport. The viewer loads only when a shopper opens the 3D control, so the product page stays light.

Will a 360° widget slow down my product page?

Spinnify 360° Studio is designed for a light first paint: frames are hosted on Spinnify 360° Studio CDN and served as optimized variants (resize, WebP/AVIF). The interactive viewer loads when the shopper opens the 3D control—not on initial page load. The modal keeps the spin isolated from your theme CSS and scripts.

Where are my 360° product images stored—on my server or with Spinnify 360° Studio?

With Spinnify 360° Studio. You upload spin frames or a rotation video in the dashboard (or frames via the mobile app); Spinnify 360° Studio stores them on fast cloud CDN storage and serves optimized variants to shoppers. Your site embeds only a small widget script—no need to upload hundreds of frames to Shopify, WooCommerce, or your own hosting.

Conversion and shopper intent

Why add a 360 product display instead of only using photos or video?

Photos are static and video controls the story. A 360 product display lets shoppers choose the angle themselves, which helps them inspect shape, details, and materials before buying.

Is 360° spin a good alternative to product video on the product card?

For many catalogs, yes. Video plays a fixed story; 360° lets shoppers control the angle and inspect details at their pace—often with a lighter page weight than autoplay video. It complements still photos rather than replacing your full media mix.

Interactive product detail

What are interactive hotspots in Spinnify 360° Studio?

Hotspots are optional points inside the 360 view. They can explain materials, features, or product details while shoppers rotate the item in the interactive viewer.

No-code integration

Is Spinnify 360° Studio a universal ecommerce 360 spinner plugin?

Yes. Spinnify 360° Studio behaves like a universal ecommerce 360 spinner plugin on the storefront: one snippet, a 3D trigger, modal popup viewer, and matching by SKU, URL, or Schema.org.

Can I use Spinnify 360° Studio as an interactive 3D product view modal popup snippet?

Yes. The on-site widget is an interactive 3D product view modal popup snippet: paste it, connect a product, and shoppers can open and rotate the item from the page.

Does Spinnify 360° Studio work with Webflow, WordPress, and other CMS pages?

Yes, wherever you can add a <script>, iframe, or custom HTML block. Webflow custom code, WordPress headers, Shopify theme snippets, and WooCommerce templates follow the same pattern: paste once, bind by SKU, URL, or Schema.org AUTO.

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.