360-Grad-Produktbetrachter ohne Code für jede E-Commerce-Website ohne eine Neufassung des Themes

Ein <script>-Snippet • Shopify / WooCommerce / eine beliebige Storefront

360°-Spins und interaktive 3D-Modelle auf Ihre Produktseiten

Spinnify 360° Studio ist ein No-Code-360°- und 3D-Produktviewer für Ecommerce. Laden Sie eine Fotosequenz, ein kurzes Rotationsvideo oder ein GLB-Modell hoch und fügen Sie ein <script>-Snippet in Shopify, WooCommerce, Webflow, WordPress oder einen Custom-HTML-Block ein. Verknüpfen Sie per SKU, Seiten-URL oder Schema.org Product — der Viewer öffnet sich als interaktives Modal.

1
Ausschnitt
zu installieren
Kein Code
Shopify +
WooCommerce
3
Bindung
SKU / URL / AUTO / Ihre Taste
360
Ansichten
pro Produkt verfolgt
No-Code-Widget

Ihre Produktseite benötigt eine 360°-Ansicht – keine weitere benutzerdefinierte Entwicklungsaufgabe

Kunden suchen nach einer einfachen Möglichkeit, einer Website eine 360-Grad-Ansicht ohne Programmieraufwand hinzuzufügen. Spinnify 360° Studio bietet E-Commerce-Teams ein universelles 360-Grad-Plugin-Erlebnis: Laden Sie Frames hoch oder legen Sie ein Rotationsvideo ab, fügen Sie ein Snippet ein und lassen Sie Käufer das Produkt in einem modalen Popup drehen.

Entwickelt für No-Code-Seiten

Funktioniert dort, wo Sie ein Skript, einen Iframe oder einen Custom HTML-Block hinzufügen können

Beantwortet Produktzweifel schneller

Käufer drehen den Artikel, anstatt anhand flacher Bilder zu raten

Gemessen wie ein Widget

Verfolgen Sie Öffnungen, Aufrufe und Wiedergabezeit pro Produkt

Erstellen Sie eine 360-Grad-Produktansicht aus Fotos – kein Drehteller

AI 360 Produktfotografie von drei Produktfotos

Überspringen Sie den Drehteller, das Rotationsvideo und die Studioaufnahme mit 36 ​​Bildern. Laden Sie ein bis drei Produktfotos aus verschiedenen Blickwinkeln in Spinnify 360° Studio hoch. Unsere KI generiert einen reibungslosen 360-Grad-Produktdreh, erstellt 36 Frames und veröffentlicht einen interaktiven 360-Produkt-Viewer auf Ihrer E-Commerce-Produktseite.

Der KI genügen Smartphone-Produktfotos: neutraler Hintergrund, produktzentriert, keine Hände im Rahmen.

Gleicher E-Commerce-Veröffentlichungspfad wie Foto- oder Video-Uploads: Lieferung in der Cloud CDN, Lazy-Loaded-Schaltfläche 3D, SKU-Abgleich.

Entwickelt für Kataloge, die heute eine 360-Grad-Produktansicht benötigen – und nicht morgen eine Neuaufnahme des Lagers.

Erstellen Sie in Studio eine 360-Grad-Produktansicht

Melden Sie sich bei Spinnify 360° Studio an und öffnen Sie eine beliebige Produktkarte, um zu beginnen.

Neu · GLB-3D-Modelle

Interaktiver 3D-Produktviewer für Ecommerce

Haben Sie bereits ein Produkt-GLB? Laden Sie es in Spinnify 360° Studio hoch und veröffentlichen Sie einen interaktiven 3D-Produktviewer auf Ihrer Ecommerce-Seite. Käufer drehen, zoomen und prüfen das Modell im Browser — ohne individuelles WebGL. Nutzen Sie dasselbe Storefront-Widget wie für Ihre 360°-Spins: Snippet, iframe oder öffentlicher Link.

GLB-UploadDrehen und zoomenMobile SteuerungEin Widget für 360° und 3DHotspots
Demo eines interaktiven 3D-Produktmodells

Fügen Sie ein hinzu 360°-Ansicht ohne Codierung

Fügen Sie eine <script> oder Ihre eigene On-Page-Schaltfläche ein – binden Sie sie mit SKU, URL, Schema.org oder data-spinnify-*. Zeigen Sie eine interaktive 3D-Produktansicht in einem Modal für Shopify, WooCommerce, Webflow und benutzerdefinierte Storefronts an.

Für die meisten Installationen ist kein Entwickler erforderlich

Ein 360-Produkt-Viewer ohne Code, den Sie noch heute veröffentlichen können

Erstellen Sie ein Produkt, laden Sie Frames oder ein Rotationsvideo hoch und verbinden Sie das Widget mit der Produktseite. Ihre Käufer erhalten einen schnellen modalen Popup-Viewer; Ihr Team behält die Kontrolle im Dashboard.

  • Installieren Sie mit einem <script>-, Iframe- oder Custom HTML-Block.
  • Verwenden Sie Shopify-, WooCommerce-, CMS-Seiten, Headless-Storefronts oder benutzerdefinierte HTML.
  • Zeigen Sie eine 3D-Schaltfläche, einen modalen Popup-Viewer und Analysen pro Produkt an.
Wie es ohne kundenspezifische Entwicklung funktioniert
1. Produktinhalte hinzufügen
Laden Sie Spin-Frames (bis zu 36) oder ein kurzes Turntable-Video hoch – wir erstellen automatisch 36 Frames.
2. Fügen Sie das Snippet ein
Fügen Sie das Widget zu Ihrem E-Commerce-Theme, Ihrer CMS-Vorlage oder Ihrem Custom HTML-Block hinzu.
3. Passen Sie das Produkt an
Binden Sie den Betrachter durch automatische Erkennung von SKU, Seite URL oder Schema.org.
4. Öffnen Sie es modal
Käufer klicken auf „3D“ und drehen das Produkt, ohne die Seite zu verlassen.
360-Grad-Produktbetrachter ohne Code
360-Grad-Produktbetrachter ohne Code

Alles für einen Universelles E-Commerce-360-Spinner-Plugin

Laden Sie Fotos oder Rotationsvideos hoch

Bis zu 36 Spin-Frames – oder ein kurzes Turntable-Video; Wir extrahieren automatisch 36 Frames

Optimierte Zuschauerbereitstellung

Die Rahmen sind für eine schnelle Ladenfront vorbereitet

Modaler Popup-Iframe-Viewer

Die interaktive 3D-Ansicht wird geöffnet, ohne dass Ihr Seitenlayout unterbrochen wird

On-Page-Schaltfläche „3D“.

Eine fertige Schaufensterauslösung löst bei Käufern sofort Verständnis aus

Bindungsmodi ohne Code

Verbinden Sie sich über SKU, Schema.org AUTO oder Produktseite URL

Dashboard für jedes Produkt

Veröffentlichen, pausieren, bearbeiten und verwalten Sie 360-Ansichten ohne Code-Bereitstellungen

Vorschau vor dem Einbetten

Testen Sie die 360-Produktdarstellung, bevor sie auf der Website erscheint

Analysen auf Produktebene

Sehen Sie, welche 360-Grad-Produktansichten Käufer tatsächlich öffnen und ansehen

Spinnify 360° Studio-Dashboard mit Widget-Ansichten, Wiedergabezeit und Produktanalysen

So fügen Sie ein hinzu 360°-Ansicht ohne Codierung auf Ihre Website zu laden

1

Erstellen Sie ein Produkt

Meine Produkte
SKU-001
24 Bilder
Aktiv
SKU-002
36 Bilder
Inaktiv
2

Laden Sie Frames oder Videos hoch

360°-Serienfotos
3

Fügen Sie das Widget-Snippet ein

Integrations-Snippet ohne Code
<script
src="widget.js"
data-sku="SKU | AUTO | URL"
></script>
Auslöser vor Ort:

Erstellen Sie ein Produkt, laden Sie Frames oder ein kurzes Rotationsvideo hoch und fügen Sie das Snippet in Ihr Shopify-Theme, Ihre WooCommerce-Vorlage, Ihren CMS- oder Custom HTML-Block ein. Der „3D“-Trigger öffnet den 360-Produkt-Viewer in einem modalen Popup und gleicht Produkte nach SKU, URL oder AUTO-Markup ab.

Interaktive 3D Produktdetails

Lassen Sie die 360-Grad-Ansicht erklären die Produktdetails

Fügen Sie optionale Hotspots innerhalb der 360-Grad-Produktansicht hinzu, damit Käufer auf Details tippen können, während der Artikel rotiert. Es ist immer noch ein Storefront-Erlebnis ohne Code: Der Viewer wird über dasselbe modale Popup-Widget geöffnet.

Lederhandtasche mit interaktiven Hotspot-Punkten, die Riemenschnalle, Schließe und Markenlogo hervorheben

Durch Klicken in einem Rahmen platzieren

Legen Sie einen Hotspot im Ankerrahmen fest – Position, Titel und optionaler Link. Den Rest berechnet die KI automatisch.

KI-gestütztes Frame-Tracking

Durch Computer-Vision-Tracking wird der Hotspot in jedem Bild abgebildet, sodass er dem Produkt folgt, wenn sich die Käufer drehen.

Sichtbar im Live-Viewer

Käufer sehen pulsierende Punkte auf dem 360°-Produkt. Durch einmaliges Tippen werden Details, Beschreibungen oder externe Links angezeigt.

So funktionieren Hotspots

1
Platziere einen Punkt
Wählen Sie einen Rahmen aus und klicken Sie auf die Stelle
2
KI verfolgt es
Automatische Positionierung über alle Frames hinweg
3
Käufer interagieren
Im Live-Viewer erscheinen Punkte

So verbinden Sie ein 360-Produktanzeige-Widget – mit einem Ausschnitt

Fügen Sie <script> in <head>, Ihre Storefront-Vorlage oder einen benutzerdefinierten Codeblock CMS ein – oder verknüpfen Sie Ihre eigene On-Page-Schaltfläche. Der Betrachter bindet sich über SKU, Schema.org Produkt-Markup (AUTO), Seite URL oder data-spinnify-* an Ihre Schaltfläche.

Handbuch (SKU)

Am besten, wenn die Produktseite bereits einen SKU oder Produktcode enthält

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

AUTO (Schema.org)

Das Widget liest das Produkt-Markup und verbindet den richtigen Betrachter

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

Nach Seite URL

Nützlich für Landingpages, CMS-Vorlagen und Custom HTML-Installationen – wenn die Produktseite URL stabil ist

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

Dein Knopf

Ihr eigener „In 3D anzeigen“-CTA an einer beliebigen Stelle auf der Seite – keine schwebende Spinnify 360° Studio-Schaltfläche

<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>

Installationsablauf ohne Code

Produkt im Dashboard
SKU- oder URL-Pfad
Widget-Ausschnitt
Skript / Iframe / HTML-Block
Modales Popup
Interaktive 3D-Ansicht
Analytik
Öffnet und schaut euch die Zeit an

Das plattformspezifische Setup befindet sich in unserem Integrations-Hub.

Embed 360 Viewer – Integrationsanleitung
Keine Einbettungsoption

Teilen Sie einen 360°-Spin oder ein 3D-Produktmodell mit einem Link

Senden Sie dasselbe Produkterlebnis außerhalb Ihrer Storefront. Ein öffentlicher Spinnify 360° Studio-Link und sein QR-Code öffnen entweder den interaktiven 360°-Spin oder das GLB-3D-Modell im Browser.

Gebaut für Teams, die Bedarf haben eine No-Code-360-Produktanzeige

Installieren Sie auf den Seiten Shopify, WooCommerce, CMS oder Custom HTML

Für die meisten Storefronts ist keine Neufassung des Themes erforderlich

Ein Dashboard steuert die Veröffentlichung

Widget-Analyse pro Produkt

Universelles E-Commerce-Widget
Tilda
Shopify
WordPress
WooCommerce
Magento
PrestaShop
Bitrix
InSales
Custom HTML
Laravel
Symfony
Next.js

und so ziemlich jede Website

Häufig gefragt Fragen

Grundlagen des No-Code-360-Viewers

Grundlagen des No-Code-360-Viewers

Ist Spinnify dasselbe wie Spinify?

Nein. Spinnify 360° Studio (spinnify.io) ist ein No-Code-360°-Produktviewer für Ecommerce. Spinify (spinify.com) ist eine Sales-Gamification-Plattform. Unterschiedliche Produkte und Unternehmen.

Was ist ein No-Code-360-Produktviewer?

Mit einem 360-Produkt-Viewer ohne Code können Sie einen interaktiven Produkt-Spin auf einer Website anzeigen, ohne einen benutzerdefinierten Viewer erstellen zu müssen. Spinnify 360° Studio stellt das Dashboard, das Snippet, das modale Popup und den Produktabgleich bereit.

Wie füge ich einer Website eine 360-Grad-Ansicht hinzu, ohne zu programmieren?

Laden Sie Spin Frames (bis zu 36) oder ein kurzes Produktrotationsvideo in Spinnify 360° Studio hoch, veröffentlichen Sie den Artikel und fügen Sie einen <script>-, Iframe- oder Custom HTML-Block in die Seite ein. Das Widget öffnet die 360°-Ansicht in einem modalen Popup.

Kann ich Spinnify 360° Studio mit Shopify, WooCommerce, Webflow oder Custom HTML verwenden?

Ja. Wenn die Plattform das Hinzufügen eines Skripts, eines Iframes oder eines HTML-Blocks zulässt, fungiert Spinnify 360° Studio als 360-Produktanzeige-Widget. Beim Matching werden SKU, URL, Schema.org oder Ihre eigene On-Page-Schaltfläche mit data-spinnify-* verwendet.

Ist Spinnify 360° Studio ein Fotostudio oder ein Medienhosting-Dienst?

Spinnify 360° Studio ist kein Fotostudio – es ist ein 360°-Viewer und Dashboard ohne Code. Nachdem Sie Spinframes hochgeladen haben, speichert Spinnify 360° Studio sie und liefert sie von seinem schnellen CDN mit automatischer Größenänderung, WebP/AVIF-Konvertierung und Optimierung. Ihre Storefront lädt nur ein einfaches Widget-Snippet; Spin-Bilder werden nicht auf Ihrem Webserver gehostet.

Kann ich eine 360°-Produktansicht ohne ein 3D-Modell hinzufügen?

Ja. Spinnify 360° Studio erstellt interaktive Drehungen aus einer Fotosequenz oder einem kurzen Rotationsvideo um das Produkt – nicht aus einem benutzerdefinierten 3D-Netz. Laden Sie Frames oder Videos im Dashboard hoch und veröffentlichen Sie das Widget. Es ist keine CAD-, WebGL-Szenen- oder Pro-SKU-3D-Modellierung erforderlich.

Gibt es einen kostenlosen Plan, um Spinnify 360° Studio auszuprobieren?

Ja. Beginnen Sie mit einer kostenlosen Demo, um das Dashboard und das Widget zu erkunden. Bezahlte Pläne skalieren danach, wie viele Produkte Sie aktiv halten; Die Abrechnung läuft bis Stripe und Sie können jederzeit im Dashboard ändern oder stornieren.

Preise

Pläne, die mit skalieren Ihr Katalog

Beginnen Sie mit einer kostenlosen Demo und wählen Sie dann einen kostenpflichtigen Plan, wenn Sie bereit sind, weitere 360-Grad-Produktbetrachter ohne Code zu veröffentlichen. Vergleichen Sie die Preise für den 360 Product Viewer für Ihre Kataloggröße – wechseln oder kündigen Sie jederzeit im 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
Fangen Sie an

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
Fangen Sie an
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
Fangen Sie an

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
Fangen Sie an

Bezahlte Pläne werden über Stripe abgerechnet. Bei der jährlichen Abrechnung handelt es sich um eine Zahlung mit denselben Produktlimits.

In der Entwicklung

Schnellere Bilderfassung für zukünftiges No-Code-Publishing

Wir entwickeln eine Begleit-App, mit der Teams Produkt-Spin-Frames auf einem Telefon erfassen und an Spinnify 360° Studio senden können. Das Ziel ist einfach: Verkürzen Sie den Weg von Produktbildern zu einem Live-360-Grad-Viewer ohne Code auf Ihrer Website.

Geführte Aufnahme für eine vollständige Drehsequenz, ohne die App zu verlassen.

Bereitet Frame-Dateien für den Betrachter vor, sodass weniger Desktop-Arbeit erforderlich ist.

Lädt mit Ihrem persönlichen API-Schlüssel in Ihren Arbeitsbereich hoch.

Hilft Teams, viele SKUs schneller zu veröffentlichen.

Sobald die Frames fertig sind, kann das vorhandene Site-Widget die neue 360-Grad-Ansicht anzeigen.

iOS
Android

Der genaue Startzeitpunkt und der Funktionsumfang können sich ändern – wir werden mehr mitteilen, je näher die Veröffentlichung rückt.