
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.
Guides for merchants and agencies: add interactive product spins without code, explain features with hotspots, and ship faster on any storefront.
Topics we cover
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.

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

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.

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

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.

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

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.

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.

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.

Add 360° spins to WooCommerce in 3 steps: publish in Spinnify Studio, embed widget.js, SKU/URL binding. Lazy load, WebP CDN. Troubleshooting checklist.
Create a product, upload frames, and embed the widget with one script snippet.