Quick answer
360° on Tilda: publish in Studio (name = SKU, Active) → embed widget.js in T123 or Zero Block → data-key + data-sku. Lazy load and modal. Test on published page, not preview.
Interactive 360° helps shoppers "touch" a product through the screen. Tilda galleries flip flat photos only—but you can add a rotating spin without leaving the platform.
Here is how to do it cleanly with Spinnify—even if you have never written code.
3 steps from photos to live site
Everything revolves around embed code placed in Tilda blocks.
1. Prepare in Spinnify Studio
Before opening Tilda:
- Sign up for Spinnify Studio.
- Upload a photo series (24–36 frames) and create a product.
- Important: product name = the article (SKU) in your Tilda catalog.
- Publish the product as Active.
2. Add code on Tilda
Two ways to embed the viewer:
Method A: T123 block (simplest). On the product page click Add block → T123 (HTML code). Copy code from Embed in Spinnify, paste into T123 → Save.
Method B: Zero Block (for designers). Add an HTML element, paste the same Spinnify code—move the button and adjust spacing freely.
3. Configure the binding
The code looks like: <script src="..." data-key="YOUR_KEY" data-sku="ARTICLE"></script>
- data-key — your unique key (do not change).
- data-sku — link to the product: set the article from Tilda store settings. The system loads the right spin.
Why it stays fast
Many fear third-party scripts slow the site. With Spinnify on Tilda:
- Lazy loading: the browser does not fetch heavy photos until the user clicks.
- Isolation: the viewer opens in a modal and does not load the main page code.
- Cloud: photos compress to WebP and load via fast CDN.
Checklist: button not showing?
- Is the Tilda page published? Use the live URL—preview often blocks external scripts.
- Do names match? Studio product and Tilda article must match exactly (spaces and hyphens matter; case does not).
- Is the Studio product published? Drafts hide the button.
- Is the key correct? Verify data-key from your Spinnify account.
- One script per block: do not paste the code twice in the same section.
Can I customize the button look?
Yes. In Spinnify Studio you can choose:
- Button position—right, left, or center.
- Colors and label to match your Tilda brand.
- Format: round floating icon or slim tab for minimal design.
Integration done. Your Tilda landing is a showroom where every product can be inspected in detail.
Shoot spins: DIY smartphone guide. Shopify: integration guide. Full Spinnify guide.
