Anleitung

3D-Modell und AR für WooCommerce

Ohne Plugin und ohne Abo: ein HTML-Block in der Produktbeschreibung. Wenn Ihr Theme bereits 3D unterstützt, können Sie auch die GLB-Datei verwenden.

Variante 1: Code für die Website

Das Modell erscheint in der Produktbeschreibung, mit Drehen, Zoom und AR-Button.

  1. Schritt 1

    Code in 3DView kopieren

    Klicken Sie in Ihrem Konto beim Modell auf „Code für die Website“, wählen Sie den Tab WooCommerce und klicken Sie auf Kopieren.

    Code in 3DView kopieren
  2. Schritt 2

    Produkt öffnen

    Gehen Sie in WordPress zu Produkte und klicken Sie beim gewünschten Produkt auf Bearbeiten.

    Produkt öffnen
  3. Schritt 3

    Block „Individuelles HTML“ hinzufügen

    Klicken Sie in der Beschreibung auf „+“, suchen Sie nach „HTML“ und wählen Sie „Individuelles HTML“. Im klassischen Editor nutzen Sie den Tab Text.

    Block „Individuelles HTML“ hinzufügen
  4. Schritt 4

    Code einfügen und aktualisieren

    Fügen Sie den Code in den Block ein und klicken Sie auf Aktualisieren.

    Code einfügen und aktualisieren
  5. Schritt 5

    Produktseite prüfen

    Öffnen Sie das Produkt in Ihrem Shop: Das Modell lässt sich drehen, auf dem Smartphone erscheint der AR-Button.

    Produktseite prüfen

Variante 2: GLB-Datei im Theme oder Plugin

Manche Themes und 3D-Viewer-Plugins nehmen direkt eine GLB-Datei an.

  1. Schritt 1

    GLB-Datei herunterladen

    Klicken Sie in 3DView beim Modell auf Herunterladen und wählen Sie GLB (für das iPhone können Sie auch USDZ herunterladen).

    GLB-Datei herunterladen
  2. Schritt 2

    Dort hochladen, wo das Theme es verlangt

    Folgen Sie der Anleitung des Themes oder Plugins: meist ein Feld „3D-Modell“ auf der Produktseite.

Vereinfachte Darstellungen; die Menüs können in Ihrem Konto etwas anders aussehen.

Häufige Fragen

Brauche ich ein Plugin?

Nicht für die Code-Variante: Der Block „Individuelles HTML“ ist in WordPress enthalten.

Ich finde den Block „Individuelles HTML“ nicht.

Im klassischen Editor nutzen Sie den Tab Text (nicht Visuell) und fügen den Code dort ein.

Funktioniert AR auf iPhone und Android?

Ja. Auf Android öffnet sich der AR-Viewer von Google, auf iPhone und iPad AR Quick Look.

Kann ich Modelle bei mehreren Produkten einfügen?

Ja, jedes Modell hat seinen eigenen Code. Fügen Sie ihn beim passenden Produkt ein.

Noch kein 3D-Modell?

Scannen Sie das Produkt mit dem Smartphone oder starten Sie mit einem Foto. Code für die Website und AR sind inklusive.

Erstes Modell erstellen