Installation

1. Schritt eins: Eine Domain hinzufügen

Wenn Sie sich noch nicht registriert haben, tun Sie das besser jetzt gleich. Wenn Sie sich noch nicht registriert und auch keine Domain haben, werden die 3D-Ansichten eine Nachricht auf Ihrer Webseite anzeigen, die Sie darum bittet, Ihre Domain zu bestätigen. Fügen Sie Ihre Domain unter Mein Konto Meine Domains hinzu.

Sobald eine 3D-Ansicht auf einer Seite einer neu hinzugefügten Domain geöffnet wurde, ist die Domain bestätigt und wird zu den Nutzerstatistiken der 3D-Ansichten hinzugefügt.

2. 3D-Ansichten in Ihre Produktseiten einbetten

3D-Ansichten können mit einem iframe Einbettungs-Code integriert werden. Finden Sie einfach ein Produkt im Katalog und kopieren Sie den Code.

Geben Sie den iframe Code in Ihre HTML an der Position ein, wo Sie die 3D-Ansicht auf Ihrer Seite gerne hätten:

0_iframe-schema

Um die Dimensionen des Bereichs der 3D-Ansichten zu ändern, passen Sie Weiten- und Höhenparameter im Einbettungs-Code entsprechend an. Wir empfehlen die Rahmengröße 700px x 500px.

3. 3D-Ansichten in einer Lightbox platzieren

Die bequemste Art, 3D-Ansichten anzuzeigen, ist in einer Lightbox über der Produktseite. Platzieren Sie den Startknopf für die 3D-Ansicht-Lightbox in einer herausragenden Position in der Nähe von Produktinformationen oder medialen Inhalten.

Die Screenshots unten stellen eine 3D-Ansicht auf unserer Produkt-Demoseite dar.

Wenn der Knopf gedrückt ist, spielt die Lightbox, die den eingebetteten iframe-Code enthält, die gewählte 3D-Ansicht über dem gedimmten Inhalt der Produktseite ab.

2_review-in-lightbox

Wir haben 22 zur Nutzung bereite Versionen des “3D-Ansicht starten”-Knopfes kreiert. Wählen Sie den, den Sie am besten finden und installieren Sie ihn auf Ihrer Webseite.

Klicken Sie auf das Bild unten, um alle Versionen auf einer neuen Seite zu öffnen:


“3D-Ansicht starten”-Knöpfe.

4. Eine 3D-Ansicht auf Ihrer Seite platzieren

Sie können die 3D-Ansichten auch direct in Ihre Produktseite selbst einbetten – so wie wir das in unseren Review3-Katalog getan haben. Bitte beachten Sie, dass wir in diesem Fall empfehlen, den Startmodus „Nach Klick auf Vorschau“ in Mein Konto Stylebereich zu aktivieren.

5. 3D-Ansichten in mobile Browsern

3D-Ansichten funktionieren auf allen modernen Smartphones und Tablets mit Android und iOS. 3D-Ansichten sind vollständig optimiert für mobile Nutzung und Gestiksteuerung.

Übrigens werden Ihre Nutzer bei der mobilen Nutzung eine besser 3D-Erfahrung erleben als am PC, weil das Rotieren und Drehen des Produkts mithilfe der Finger und Hände ein authentischeres Gefühl vermittelt; es ist näher an der echten Betrachtung eines Produkts.

Für Mobilgeräte empfehlen wir die Nutzung eine vereinfachte Vollansicht der 3D-Ansicht anstelle einer Lightbox.

Versuchen Sie, diese Seite mit einem Mobilgerät zu öffnen: https://reviewthree.com/review3_simple.html?8407

Sie werden sehen, dass der Quellcode für diese Seite sehr einfach gehalten ist – der body-Tag beinhaltet nur einen iframe-Tag, der die angeforderte 3D-Ansicht (REVIEW3_ID wird durch die URL-Parameter erhalten) einbettet. Sie können für Mobilgeräte dieselbe Seite anstelle einer Lightbox nutzen. Wenn Sie unsere “review3_simple.html” Seite auf Ihren Webserver kopieren, werden Sie sehen, dass die 3D-Ansicht “REVIEW3_ID=8407” (mit der URL https://mywebstore.com/review3_simple.html?8407) sich beim Laden der Seite automatisch öffnet.

Wenn Ihr Webshop eine spezielle Mobilversion hat (z.B. https://m.mywebstore.com), wird die vereinfachte Vollansicht der 3D-Ansicht auf einer neuen Seite durch Antippen der 3D-Ansicht automatisch geöffnet.

Wenn Ihr Webshop adaptives Design hat, muss Ihr Code nach Antippen des 3D-Ansichten-Startknopfes die Bildschirmdimensionen, die für den Browser erhältlich sind prüfen. Wenn sie kleiner sind als die der PC-Version, sollte stattdessen die vereinfachte Vollansicht der 3D-Ansichts-Seite anstelle der PC-Version geöffnet werden.

Wenn Sie diesen Schritt auslassen

Manche Lightboxen unterstützen die adaptive Präsentation von Inhalten auf Mobilgeräten, sind aber eigentlich für die Präsentation von Bildern und Videos ausgelegt. Wenn Sie mithilfe von Lightboxen 3D-Ansichten auf Mobilgeräten zeigen möchten, prüfen Sie vorher die Funktionen der Lightbox, um sicherzustellen, dass die 3D-Ansichten auf verschiedenen Mobilgeräten korrekt dargestellt werden können, sowohl im Quer- als auch im Hochformat. Es ist wichtig, dass sich Ihre Kunden sich bei der Arbeit mit den Inhalten auf Ihrer Webseite wohl fühlen.

6. Den REVIEW3 Mapping-Service nutzen

Wir können Ihnen eine Menge wertvoller Zeit sparen, wenn Sie die Mapping-Funktion für die 3D-Ansichten Ihrer Produkte nutzen. Wir führen das Mapping regelmäßig durch und erstellen Links zwischen der Produkt-SKU und unserer einzigartigen 3D-Ansichten-ID (REVIEW3_ID).

Zu Beginn des Probezeitraums erstellen wir ein kostenloses Mapping für alle 3D-Ansichten. Es ist lediglich erforderlich, uns darüber zu informieren, dass dieses benötigt wird. Sie können auch eine E-Mail an support@reviewthree.com senden.

Finden Sie Ihr SKU in der Tabelle und sehen Sie, welche 3D-Ansicht auf der Produktseite abgebildet sein sollte.

Einige 3D-Ansichten können auf mehr als einer Produktseite erscheinen, wenn das ausgewählte Produkt mehrere Versionen mit unterschiedlichen Innenteilen (z.B. RAM-Größe) hat. Jedoch wird keine Produktseite mehr als eine 3D-Ansicht haben.

Wir fangen mit einem grundlegenden Überblick Ihre Webshops und dem Mapping Ihrer Produkte zu unseren 3D-Ansichten. Von hier an werden wir regelmäßig neue Mappings hinzufügen, wenn neue 3D-Ansichten veröffentlicht werden. Um dies korrekt durchzuführen, müssen wir wissen, wo auf Ihrer Webseite wir die SKU (die SKU befindet sich üblicherweise in der URL oder kann auf der Produktseite gefunden werden).

Sie können das Mapping durch Ihren XML-Service erhalten. Wir werden Ihnen eine Kunden-ID zuteilen – mywebstore zum Beispiel.

Die Anfrage wird sein:

https://api.reviewthree.com/products/ai/mywebstore/174503
		

Das Ende der URL, 174503, ist ein Beispiel SKU eines Produkts, für das Sie eine 3D-Ansicht angefragt haben. Wenn die 3D-Ansicht existiert, wird unser Webservice ein XML-Dokument wie dieses senden:

<Products xmlns:i="http://www.w3.org/2001/XMLSchema-instance">
    <Product>
        <Category>
            <Id>3</Id>
            <Name>Laptops</Name>
            <IsPro>true</IsPro>
        </Category>
        <Id>7519</Id>
        <Name>HP 250 G3 Black</Name>
        <Vendor>
            <Id>22</Id>
            <Name>HP</Name>
        </Vendor>
    </Product>
</Products>
	

Das Feld der Ergebnisse, Products, beinhaltet keine Elemente oder ein Element, Product, dessen Kindelement, Id, die Kennung für die 3D-Ansicht ist.

Wenn die Suchergebnisse nicht leer sind, erstellt der Seiten-Initialisierungscode einen “Zeige 3D-Ansicht”-Knopf auf der Seite. Der Knopf startet die Lightbox, die die 3D-ansicht enthält. Der Code erstellt außerdem ein iframe mit einem src-Wert wie diesem: "//reviewthree.com/embed/REVIEW3_ID".

Standardmäßig werden Ergebnisse im XML-Format angezeigt. Sie können die Ergebnisse auch im JSON-Format erhalten, indem Sie das Folgende zum Request-Header hinzufügen:

Accept: application/json
		

Wir empfehlen Ihnen, erhaltene Mappings auf Ihrem Server zwischenzuspeichern. Dies erlaubt Ihrem Webshop, den „Zeige 3D-Ansicht“-Knopf anzuzeigen, unmittelbar nachdem die Seite geladen wird, ohne auf die Antwort unseres Webservices warten zu müssen.

Um dies zu tun, müssen Sie zwei Felder zu Ihrer Produktübersicht in der Datenbank hinzufügen:

  • REVIEW3_ID
  • REVIEW3_LastCheck

Sie werden die REVIEW3_ID auf der ladenden Produktseite prüfen müssen. Wenn der Wert nicht leer ist und der letzte Check, REVIEW3_LastCheck, weniger als 24 Stunden zuvor ausgeführt wurde, sollte der “Zeige 3D-Ansicht”-Knopf angezeigt werden, der die 3D-Ansicht mit dem passenden REVIEW3_ID startet.

Wenn der vorige REVIEW3_LastCheck mehr als 24 Stunden her ist, sollten Sie unseren XML-Webservice nach den 3D-ANsichten für Ihre Produktseite fragen, ihnen Ihr Produkt-SKU zusenden und die erhaltene REVIEW3_ID für die weitere Nutzung speichern. Zuletzt müssen Sie den REVIEW3_LastCheck mit der aktuellen Zeit aktualisieren.

7. 3D-Ansichten Einstellungen für Aussehen & Feeling

Die Einstellungen im Mein Konto- und Style-Bereich erlauben es Ihnen, das Aussehen und Verhalten Ihrer 3D-Ansichten so zu bearbeiten, dass sie sich perfekt an das Aussehen Ihrer Webseite anpassen.


Sie können sowohl die Farbgestaltung einstellen, als auch Schriftart und -größe und dann den 3D-Ansichts-Startmodus. Wenn Sie die 3D-Ansichten in die Seite selbst einbetten, empfehlen wir Ihnen, den Startmodus auf Nach dem Klicken auf Vorschau einzustellen.

8. Die vollständige Liste von 3D-Ansichten in Excel

Sie können eine vollständige Liste der 3D-Ansichten im Excel-Format in unserem Katalog downloaden:

Die Datei enthält drei Blätter: Review3_List, MPN и GTIN.

Das erste Blatt enthält eine vollständige Liste der 3D-Ansichten, die momentan erhältlich sind.

Das zweite und dritte Blatt enthalten zusätzliche Daten, die Ihnen dabei helfen können, Ihre Produkte und 3D-Ansichten abzubilden (zumindest einen großen Teil davon):

  • Das MPN Blatt enthält die Hersteller-Teilenummern (MPNs), die sich den 3D-Ansichten präzise zuordnen lassen.
  • Das GTIN Blatt enthält Informationen, die den Barcode und die passenden 3D-Ansichten abbilden. Wir unterstützen 8-stellige UPC-E (GTIN-8), 12-stellige UPC-A (GTIN-12), 13-stellige EAN (GTIN-13) und 14-stellige GTIN-14. Bitte beachten Sie, dass sich GTIN Daten von Region zu Region unterscheiden und keine vollständigen und akuraten Resultate ergeben können.

Jeden Montag senden wir unseren registrierten Nutzern per E-Mail das Excel-Arbeitsblatt mit allen Daten für die in der vorangegangenen Woche veröffentlichten Ansichten zu.

9. Wie wissen Sie, welche 3D-Ansichten auf Ihrer Webseite installiert sind?

Um zu sehen, welche 3D-Ansichten auf Ihrer Webseite installiert sind und welche nicht, loggen Sie sich auf der Seite ein und gehen Sie zum Katalog. Auf der linken Seite, am Ende des Filter-Bereichs können Sie die Domain und den Installationsstatus wählen:

0_installation-status-de

Sie können die Suchergebnisse außerdem nach 3D-Ansichten Veröffentlichungs-Datum filtern. Dies ist vor allem dann sehr bequem, wenn Sie den Katalog längere Zeit nicht durchsucht haben und herausfinden möchten, welche neuen 3D-Ansichten seither veröffentlicht wurden.

Im Katalog gibt es über jedem Produktbild eine kleine Textbox mit Jahr und Monat, in dem der Verkauf jedes Produkts in mindestens einem Land startete. Sie können dieses Datum auch als Filter nutzen.

10. 3D-Ansicht suchen via API

In einigen speziellen Fällen möchten Sie vielleicht für die Suche nach einer 3D-Ansicht unsere API nutzen. Um dies zu tun, müssen Sie eine Anfrage an unseren XML-Webservice stellen, wie in Sektion 6 beschrieben.

Sie können die folgenden Parameter nutzen, um 3D-ANsichten zu suchen:

  • Nach Hersteller-Teilenummer. (MPN, Teilenummer). Beispiel suchen:
https://api.reviewthree.com/products/ai/mpn/SM-J327TZKATMB
		
  • Nach Barcode. Wir unterstützen 8-stellige UPC-E (GTIN-8), 12-stellige UPC-A (GTIN-12), 13-stellige EAN (GTIN-13) und 14-stellige GTIN-14. Kümmern Sie sich nicht um die genau Form des Barcodes, wir erkennen diese automatisch. Beispiel suchen:
https://api.reviewthree.com/products/ai/barcode/888793396407
		
  • Nach Produktname. Beispiel suchen:
https://api.reviewthree.com/products/ai/name/Apple%20iPhone%206
		

Im Code unserer Demo-Produktseite finden Sie ein funktonierendes Beispiel der Nutzung einer API, um 3D-Ansichten nach Produkt-Barcodes (EAN) zu suchen. Im Beispiel wird die sofortige Nutzung der Ergebnisse präsentiert. Wir empfehlen die Zwischenspeicherung der Suchergebnisse wie in Sektion 6 beschrieben.

11. 3D-Ansichten in mobilen Apps

Momentan ist nicht möglich, 3D-Ansichten direct in eine mobile App einzubetten.

Es gibt allerdings einen Weg, der funktioniert. Dafür müssen Sie die URL auf einer vereinfachten 3D-Ansichten-Seite Ihrer mobilen App in Vollansicht aufrufen (siehe Kapitel 5). Dies führt dazu, dass der mobile Browser auf dem Gerät Ihres Kunden erscheint. Wenn der Kunde mit dem Betrachten der 3D-Ansicht fertig ist, drückt er den „Zurück“-Knopf, um den Browser zu schließen und zur mobilen App zurückzukehren, die dann genauso aussieht wie zuvor.

Es könnte sein, dass wir noch einige Anpassungen vornehmen müssen, um sicherzustellen, dass die 3D-Ansichten korrekt funktionieren, wenn man sie von einer mobilen App aufruft. Wenn Sie Probleme mit der Umgehungslösung haben, informieren Sie bitte unser Support-Team unter support@reviewthree.com, wir sind froh, Ihnen helfen zu können.

Brauchen Sie Hilfe?

Unser Kundensupport-Team ist von Montag bis Freitag, von 9:00 Uhr bis 17:30 Uhr CET für Sie da. Es ist Thursday, 01:49 CET.

Support kontaktieren