„Ich habe verdient 442.991$ USD in nur sechs Monaten durch den Aufbau eines Dropshipping-Geschäfts, das die Leute geliebt haben.“

Erin Rafferty

Bis zu 8 Monate Rabatt auf Jahrespläne

Erstellen Sie in wenigen Minuten einen Dropshipping-Shop
Holen Sie sich eine 14-Tage-Testversion, kündigen Sie jederzeit
00
00
:
00
00
Melde dich jetzt an

0

hrs

0

mins

0

secs
Cyber Monday Sale up to
55% off on all annual plans
Upgrade NOW & save
3D-Produktansicht in Woocommerce

Wie füge ich eine 3D-Produktansicht in WooCommerce mit Augmented Reality hinzu?

By
Ashutosh Ranjan

Stellen Sie sich vor, Sie betreten bequem von zu Hause aus einen virtuellen Ausstellungsraum, in dem Sie Objekte aus jedem Blickwinkel anfassen, fühlen und inspizieren können. Das klingt futuristisch, nicht wahr? Die Technologie der Zukunft, bekannt als Augmented Reality (AR), ist da. Sie können Ihren Verbrauchern ein immersives Einkaufserlebnis bieten, das statische Bilder und Videos übertrifft, indem Sie Augmented Reality (AR) und 3D-Produktansichten in Ihren WooCommerce-Shop integrieren.

Sind Sie bereit, Augmented Reality und 3D-Produktansichten in Ihrem WooCommerce-Shop zu implementieren? In diesem ausführlichen Tutorial führen wir Sie durch jeden Schritt des Verfahrens, von der Einrichtung Ihrer WooCommerce-Einstellungen bis hin zur Vorbereitung Ihrer 3D-Modelle.

Lass uns anfangen.

Was ist Augmented Reality?

Um Augmented Reality zu verstehen, stellen Sie sich vor, Sie tragen eine Brille, mit der Sie Objekte betrachten können, die in Ihrer Umgebung nicht physisch vorhanden sind. Nehmen wir zum Beispiel an, Sie sitzen in Ihrem Flur und möchten sehen, wie ein runder Esstisch aussieht. Augmented Reality ermöglicht es Ihnen, den runden Esstisch zu visualisieren, ohne ihn physisch in Ihren Flur bringen zu müssen.

AR mischt virtuelle Objekte einfach mithilfe augenblicklicher visueller und akustischer Sensoren in die physische Welt ein. Sie müssen Snapchat- und Instagram-Filter verwendet haben, die Ihnen Hasenohren und Hundeschnurrhaare geben. Dies ist ein fantastisches Beispiel für Augmented Reality.

Warum 3D Product Viewer in Woocommerce verwenden?

Sie sollten einen 3D-Produktviewer in Ihrem verwenden WooCommerce-Shop aus den folgenden Gründen.

Sehen Sie sich die Objekte im Detail an: Im Vergleich zu statischen Bildern bieten 3D-Viewer ein realistischeres und dynamischeres Erlebnis, da Benutzer Objekte aus allen Blickwinkeln vergrößern, drehen und untersuchen können. Dies ist besonders nützlich für Produkte mit aufwändigen Details oder solchen, die komplex sind.

Gesteigertes Kaufvertrauen: Kunden sind besser in der Lage, fundierte Urteile zu fällen, wenn sie in der Lage sind, Dinge dreidimensional (3D) genau zu untersuchen. Aufgrund unerfüllter Erwartungen kann dies zu niedrigeren Renditen führen.

Verbessertes Engagement: Indem Sie Besucher länger auf Ihren Produktseiten halten, können interaktive 3D-Modelle eine interessantere Einkaufsumgebung schaffen.

Höhere Konversionsraten: Untersuchungen haben ergeben, dass Käufer, die sich 3D-Produkte ansehen, eher zu einer Konversion neigen, da sie sich bei ihren Einkäufen sicherer fühlen.

Verminderte Produktrücksendungen: Es ist weniger wahrscheinlich, dass Kunden Artikel zurücksenden, weil sie in Bezug auf Größe, Stil oder Funktionalität in die Irre geführt wurden, als sie die Gelegenheit hatten, sie vorher gründlich zu prüfen.

Wettbewerbsvorteil: Sie können sich von Mitbewerbern abheben, die nur statische Fotos verwenden, indem Sie 3D-Produktansichten bereitstellen, was möglicherweise mehr Kunden in Ihr Geschäft lockt.

Schritte zum Hinzufügen einer 3D-Produktansicht in WooCommerce mit Augmented Reality

Wenn Sie Ihren WooCommerce-Shop mit einer 3D-Produktansicht aktualisieren, die Augmented Reality (AR) enthält, kann das Einkaufserlebnis erheblich verbessert werden, indem Kunden eine immersive Möglichkeit erhalten, Produkte anzusehen. Hier finden Sie eine ausführliche Anleitung dazu:

Schritt 1: Wählen Sie ein WooCommerce-Plugin für 3D und AR.

Mit mehreren Plugins können Sie 3D-Modelle und Augmented Reality in Ihr WooCommerce-Geschäft integrieren. Einige wichtige Alternativen sind:

AR für Woocommerce

  • Benutzer können Ihre Modelle sowohl in 3D als auch in Augmented Reality betrachten, ohne dass eine spezielle Software erforderlich ist.
  • Benutzer können Ihre Modelle vergrößern und verkleinern.
  • Einfache, leicht zu bedienende Oberfläche

CartMagician Pro:

  • WebAR-Funktionen im Browser für Ihre Kunden
  • Fügen Sie WooCommerce unendlich viele AR-Produkte hinzu.
  • Die CartMagician-Plattform ermöglicht den einfachen Import von AR-fähigen Dateien und Web-URLs.
  • 3D-Produktbetrachter mit WebAR für WooCommerce.
CartMagician Pro for Woocommerce

Schritt 2: Installieren und konfigurieren Sie das Plugin

Um das zu installieren Plugin,

  • Navigiere zu deinem WordPress-Dashboard.
  • Navigiere zu Plugins > Neu hinzufügen.
  • Suchen Sie nach dem gewünschten Plugin (z. B. „3D Product Viewer“).
  • Wählen Sie „Jetzt installieren“ und dann „Aktivieren“.
  • Plugin-Einstellungen konfigurieren:

Um das Plugin zu konfigurieren

  • Sie können über Ihr WordPress-Dashboard auf die Plugin-Einstellungen zugreifen.
  • Laden Sie Ihre 3D-Modelle (GLB, GLTF oder USDZ) über den Modellmanager des Plugins in die Medienbibliothek hoch.
  • Stellen Sie Darstellungsparameter wie Modellgröße, Drehsteuerung und Hintergrundeinstellungen ein.

Schritt 3:3D-Modelle erstellen

  • Verwenden Sie 3D-Modellierungssoftware wie Blender oder SketchUp, oder beauftragen Sie einen 3D-Künstler, hochwertige Modelle Ihrer Produkte zu erstellen.
  • Stellen Sie sicher, dass die Modelle für die Verwendung im Internet optimiert wurden, um schlechte Ladezeiten zu vermeiden.
  • Formatieren Sie die Modelle:
  • Speichern Sie Ihre 3D-Modelle in Formaten, die mit Online-AR-Technologien wie GLB, GLTF und USDZ funktionieren.
  • GLB/GLTF wird für das Web und Android umfassend unterstützt, USDZ wird jedoch auf iOS-Geräten verwendet.

Schritt 4: Fügen Sie 3D-Modelle zu WooCommerce-Produkten hinzu.

Bearbeiten Sie Produktseiten.

  • Navigiere in deinem WordPress-Dashboard zu Produkte > Alle Produkte.
  • Wählen Sie das Produkt aus, dem Sie eine 3D-Ansicht hinzufügen möchten, und klicken Sie dann auf „Bearbeiten“.

Fügen Sie ein 3D-Modell hinzu:

  • Suchen Sie im Produktbearbeitungsbildschirm nach dem von Ihrem 3D/AR-Plugin hinzugefügten Bereich (normalerweise mit dem Titel „3D-Modell“ oder „AR-Einstellungen“ betitelt).
  • Laden Sie eine 3D-Modelldatei aus Ihrer Medienbibliothek hoch oder wählen Sie sie aus.
  • Konfigurieren Sie alle zusätzlichen Optionen, z. B. den Startansichtswinkel und die Zoomstufen.
  • Änderungen speichern: Klicken Sie auf „Aktualisieren“, um Ihre Änderungen auf das Produkt anzuwenden.
3D Model

Schritt 5: Aktivieren Sie die AR-Funktion.

Wenn dein Plugin AR unterstützt, stelle sicher, dass es aktiviert und korrekt eingerichtet ist.

AR aktivieren: Suchen Sie in den Plugin-Einstellungen nach Optionen, die für die AR-Funktionalität relevant sind. Sie können dafür ein WebAR-Plugin verwenden. Aktiviere AR auf unterstützten Geräten (normalerweise über einen Kippschalter oder ein Kontrollkästchen).

AR-Einstellungen konfigurieren: Konfigurieren Sie die AR-Einstellungen, um festzulegen, wie das AR-Erlebnis funktionieren soll (z. B. automatische Erkennung AR-kompatibler Geräte, Anzeige von AR-Tasten usw.).

Schritt 6: Testen Sie das 3D- und Augmented-Reality-Erlebnis.

Sehen Sie sich eine Vorschau des Produkts an: Überprüfe die Produktseite auf deiner Website, um sicherzustellen, dass das 3D-Modell richtig geladen wird. Testen Sie die Interaktivität des Modells, einschließlich Rotation, Zoomen und eventueller Hotspots oder Anmerkungen.

Testen Sie die AR-Funktionalität:

  • Verwenden Sie ein AR-kompatibles Gerät, z. B. ein Smartphone oder Tablet, um die AR-Funktion zu testen.
  • Stellen Sie sicher, dass das AR-Modell in der realen Welt angemessen aussieht und ordnungsgemäß funktioniert.

Schritt 7: Leistung optimieren

3D-Modelle optimieren: Stellen Sie sicher, dass Ihre 3D-Modelle für die Webleistung optimiert sind, um die Ladezeiten zu verkürzen. Verwenden Sie Blender oder Internetoptimierungsdienste, um die Dateigrößen zu minimieren, ohne die Qualität zu beeinträchtigen.

Testen Sie mit vielen Geräten: Testen Sie die 3D- und AR-Erlebnisse auf einer Vielzahl von Geräten und Browsern, um Kompatibilität und Funktionalität zu gewährleisten.

Wie wähle ich das beste WebAr-Plugin für WooCommerce aus?

Hier sind einige der Faktoren, die Sie bei der Auswahl des besten WebAR-Plugins für Ihren Woocommerce-Shop berücksichtigen sollten:

  • Eigenschaften: Suchen Sie nach den Funktionen, die Sie benötigen, z. B. nach grundlegenden 3D-Ansichten oder erweiterten Funktionen wie der Platzierung von AR in der Benutzerumgebung.
  • Einfache Bedienung: Prüfen Sie Ihre Kompatibilität mit technischen Konfigurationen. Wählen Sie ein Plugin mit einer benutzerfreundlichen Oberfläche, wenn Sie nicht technisch versiert sind.
  • Budget: Die Plugin-Kosten können variieren. Ermitteln Sie, wie viel Sie bereit sind auszugeben, und vergleichen Sie die Preismodelle (Freemium- und kostenpflichtige Tarife).
  • Unterstützte 3D-Modellformate: Stellen Sie sicher, dass das Plugin die Dateiformate Ihrer 3D-Modelle unterstützt (USDZ und GLB sind üblich).
  • AR-Seherlebnis: Können Kunden das Produkt mit ihren Smartphone-Kameras in ihrer Umgebung betrachten?
  • Anpassungsoptionen: Können Sie das Erscheinungsbild des 3D-Viewers an das Branding Ihres Geschäfts anpassen?
  • Kompatibilität mit Mobilgeräten: Funktioniert das Plugin problemlos auf verschiedenen Mobilgeräten und Betriebssystemen?
  • Shortcode- oder Blockintegration: Wie werden Sie den 3D-Viewer in Ihre Produktseiten integrieren (Shortcodes oder Gutenberg-Blöcke)?
  • Kundensupport: Bietet das Plugin zuverlässigen Kundensupport, falls Sie auf Probleme stoßen?

Wie füge ich eine 3D-Produktansicht in WooCommerce mit Augmented Reality hinzu? - Häufig gestellte Fragen

Welche 3D-Modellformate werden in Woocommerce AR unterstützt?

Das von WooCommerce AR unterstützte Format des 3D-Modells hängt vom verwendeten Plugin ab. Zu den gängigen 3D-Modellformaten, die unterstützt werden, gehören jedoch GLB, GLTF, USDZ, DAE, DXF usw.

Ist das Hinzufügen eines 3D-Produktbetrachters mit AR mit zusätzlichen Kosten verbunden?

Ja, für das Hinzufügen eines 3D-Produktbetrachters mit AR in Ihrem WooCommerce-Shop können zusätzliche Kosten anfallen. Dies hängt von dem Plug-in ab, das Sie verwenden, da für diesen Zweck sowohl kostenlose als auch kostenpflichtige Plug-ins verfügbar sind.

Welche WebAR-Plug-ins sind für die 3D-Produktbetrachtung im Woocommerce Store verfügbar?

Einige der WebAR-Plugins, die für die 3D-Produktanzeige im WooCommerce-Store verfügbar sind, sind AR For WooCommerce, CartMagician, Aryel AR/3D-Produktbetrachter, Webkul WooCommerce WebAR (Augmented Reality) Product, BitBute usw.

Was ist WebAR?

WebAR, oder Web Augmented Reality, ist eine Technologie, die es Benutzern ermöglicht, Augmented Reality (AR) direkt über ihren Webbrowser zu erleben, sodass kein separates Programm heruntergeladen werden muss.

Unterstützt WooCommerce 3D-Produkt-Plugins für alle Produkte?

Ja, WooCommerce unterstützt 3D-Produkt-Plugins für die meisten Produkte

Was sind einige andere Plattformen, die 3D-Produktbetrachtung mit AR verwenden?

Einige andere Plattformen, die 3D-Produktbetrachtung mit AR verwenden, sind Shopify, IKEA usw.

Get Spocket for BigCommerce!
Learn how to start and grow your own e-commerce store!
You're in! Look out for our emails to help you get started with your e-commerce store.
Oops! Something went wrong while submitting the form.
Ashutosh Ranjan

Ashutosh is a Postgraduate in Engineering and has years of experience in content writing across wide domains, including educational and e-commerce.

Also Read:

Get 14-day instant access to Spocket at no cost.

Congrats! You'll receive in depth guides and interesting blogs straight in your inbox.
Oops! Something went wrong while submitting the form.
Start your free trial
Get up to 14 days free trial

Also Read

shopify dropshipping - 3shopify dropshipping - 2 shopify dropshipping - 3shopify dropshipping - 5
START MY FREE TRIAL
---