Integrations-Hub

Installiere deine 3D-Modelle

Wir haben detaillierte Anleitungen für die beliebtesten E-Commerce-Plattformen und CMS vorbereitet. Wähle deine Plattform, um loszulegen.

Shopify

Native Unterstützung im Medienbereich
Funktioniert auf jedem OS 2.0 Theme
Automatische AR (Augmented Reality) Ansicht

Schritte: Produkte > Medien > .glb Datei hinzufügen

WooCommerce

Empfohlenes Plugin: Model Viewer
Shortcode oder Block-Editor Unterstützung
Einfache Integration über Medienbibliothek

Schritte: Plugin installieren > .glb hochladen > URL einfügen

Wix

Verwende das Element "HTML einbetten"
Erfordert externes Hosting für das Modell
Kompatibel mit jedem Seitenlayout

Methode: Iframe hinzufügen > model-viewer Skript einfügen

Squarespace

Verwende einen "Code Block"
Vollständige CSS-Anpassung aktiviert
Optimiert für E-Commerce-Vorlagen

Methode: Code Block > Model Viewer Skript > Link hochladen

Anleitungen für andere Plattformen

Magento / Adobe Commerce

Verwende 3D-Viewer-Erweiterungen oder bearbeite die Produktseiten-PHP-Vorlage, um das 3D-Skript einzufügen.

Webflow

Füge ein "Embed"-Element in dein Designsystem ein. Du kannst die 3D-Modell-URL dem Webflow CMS für dynamische Produkte zuordnen.

PrestaShop

Spezialisierte Module sind im PrestaShop-Marktplatz verfügbar, um GLB-Dateien direkt aus dem Back-Office hinzuzufügen.

Universeller Integrationscode

Wenn deine Plattform HTML-Bearbeitung erlaubt, ist dieser Code alles, was du brauchst. Kopiere und ersetze die Modell-URL.

HTML

<!-- Model Viewer Bibliothek -->
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>

<!-- 3D-Element -->
<model-viewer
  src="dein-modell-url.glb"
  ar
  camera-controls
  touch-action="pan-y"
  auto-rotate
  style="width: 100%; height: 500px;">
</model-viewer>

Dieses Skript wird von Suchmaschinen erkannt und für maximale Ladegeschwindigkeit optimiert.

Noch kein 3D-Modell?

Verwandle ein Produktfoto in ein GLB-Modell und binde es mit dem Code oben ein.

Kostenlos erstellen