Back to homepage
Spinnify 360° Studio journal

360° commerce, explained

Guides for merchants and agencies: add interactive product spins without code, explain features with hotspots, and ship faster on any storefront.

37
Guides & articles
8
Filterable tags
360°
Product spins

Topics we cover

  • How-to
  • Strategy
  • Photography
  • Integration
  • Comparison
  • Performance
  • Real estate
  • Shopify
  • Store integrations

    Shopify, WooCommerce, Webflow, WordPress, custom button, and HTML embeds.

  • Conversion & UX

    Product page trust, tangibility, and fewer returns.

  • No-code setup

    Upload frames, add hotspots, publish with one script tag.

OpenCart product page opening Spinnify 360° viewer in a modal overlay
Integration5 min1,571 reads

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.

IntegrationHow-to
Read article
Magento 2 product page opening Spinnify 360° viewer in a modal overlay
Integration5 min1,543 reads

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.

IntegrationHow-to
Read article
Laravel product page opening Spinnify 360° viewer in a modal overlay
Integration5 min1,581 reads

How to Add a 360° Product View on Laravel

3 steps for Laravel: publish in Studio, @push widget.js on the Blade product show view, bind by SKU. Lazy load, modal, CDN.

IntegrationHow-to
Read article
1C-Bitrix product page opening Spinnify 360° viewer in a modal overlay
Integration5 min1,556 reads

How to Add a 360° Product View on 1C-Bitrix

3 steps for 1C-Bitrix: publish in Studio, paste widget.js in an include area or catalog.element, bind by article. Lazy load, modal, CDN.

IntegrationHow-to
Read article
Spinnify 360° Studio: Shopify product image size for gallery stills versus 360° frame delivery
Integration7 min1,596 reads

Shopify Product Image Size for 360° Spins: Dimensions That Actually Matter

Shopify image size for 360° frames: capture ratios, WebP/AVIF delivery, lazy widgets, and how Spinnify resizes without stuffing huge originals into the theme.

ShopifyIntegration
Read article
Spinnify 360° Studio on a Webflow product page: branded 360° button opening an interactive product spin modal
Integration12 min1,734 reads

How to Add Interactive 360° Product Images to Webflow CMS

Add a webflow cms 360 product viewer: host spins in Spinnify, bind by SKU in Webflow CMS, paste widget.js once in the collection template head (defer). Lazy-loaded, no jQuery.

IntegrationHow-to
Read article
Spinnify 360° viewer on a Shopify product page: 3D View button opening an interactive product spin
Integration9 min1,720 reads

How to Add a 360 Product View to Shopify (Sizes, App Block & SKU Matching)

Add an interactive 360° spin to Shopify product pages: recommended image sizes, Spinnify app block setup, SKU matching, and lazy-loaded 3D View—no per-SKU code.

ShopifyIntegration
Read article
Tilda Zero Block page opening Spinnify 360° viewer in a modal overlay
Integration10 min1,543 reads

How to Add a 360° Product View on Tilda: A Guide for Store Owners

3 no-code steps: publish in Spinnify Studio, embed via T123 or Zero Block, bind by SKU. Lazy load, modal, WebP/CDN. Checklist if the button stays hidden.

IntegrationHow-to
Read article
WooCommerce product page embedding Spinnify 360° viewer via widget.js
Integration10 min1,968 reads

How to Add 360° Product Views to Your WooCommerce Store

Add 360° spins to WooCommerce in 3 steps: publish in Spinnify Studio, embed widget.js, SKU/URL binding. Lazy load, WebP CDN. Troubleshooting checklist.

IntegrationHow-to
Read article

Ready to publish your first 360° spin?

Create a product, upload frames, and embed the widget with one script snippet.

  1. Upload frames
  2. Embed script
  3. Go live
Try Spinnify 360° Studio free