Dokumentation

Integrieren Sie Always On in Ihren Shop.

Helfen Sie Käufern, Ihre Kollektion an sich selbst oder an einem Twin zu sehen, ihre Passform zu finden, Optionen zu vergleichen und beim Durchstöbern Looks zu kreieren.

Was richten Sie ein?

Sehen Sie, was Always On beinhaltet

Shopify

Richten Sie Always On in Shopify ein.

Sie benötigen Shopify-Administratorzugriff, ein Online Store 2.0-Theme und ein berechtigtes Produkt mit einem klaren Bild und einem Produktcode (SKU).

Öffnen Sie Shopify App Store
  1. Installieren und anschließen.

    Installieren Sie SPREEAI im Shopify-Store, den Sie verbinden möchten. Öffnen Sie es unter „Apps“, lesen Sie die Vereinbarungen und wählen Sie „Erste Schritte“. Wählen Sie einen Plan und genehmigen Sie das Abonnement in Shopify. Die App verbindet Ihren Shop automatisch.

    Installationsanleitung
    SPREEAI-Begrüßungsbildschirm in Shopify mit den Vereinbarungen und der Schaltfläche „Erste Schritte“.
    Der Begrüßungsbildschirm von SPREEAI in Shopify
  2. Bereiten Sie ein Produkt vor.

    Öffnen Sie in SPREEAI Produkte und wählen Sie Produkte synchronisieren. Wählen Sie einen Artikel aus und überprüfen Sie seine Kategorie. Warten Sie auf „Bereit“. Wenn „Aktion erforderlich“ angezeigt wird, befolgen Sie die in der App angezeigte Lösung.

    Überprüfen Sie die Produktberechtigung
    Dialogfeld „Produkte synchronisieren“ mit Produkt-Kontrollkästchen, Bildverfügbarkeit und Kategorieauswahl
    Beginnen Sie mit einem Element im Fenster „Produkte synchronisieren“.
  3. Platzieren Sie die Umkleidekabine.

    Öffnen Sie Einstellungen → Storefront anpassen. Platzieren Sie im Theme-Editor von Shopify den Block SPREEAI Fitting Room auf der Produktvorlage und speichern Sie ihn. Sie können den Wortlaut, die Farben und die verfügbaren Verknüpfungen anpassen.

    Anleitung zur Theme-Einrichtung
    Shopify-Theme-Editor mit hervorgehobenem SPREEAI Fitting Room-Block auf einer Produktseite
    Der Fitting Room-Block im Theme-Editor von Shopify
  4. Aktivieren Sie es und probieren Sie es selbst aus.

    Setzen Sie unter „Produkte“ den Anprobestatus für Ihren „Ready“-Artikel auf „Aktiviert“. Öffnen Sie bei aktiviertem Virtual Try-On und gespeichertem Block in Ihrem veröffentlichten Theme die Live-Produktseite auf einem Telefon und einem Computer. Überprüfen Sie, ob das richtige Produkt und die richtige Farbe angezeigt werden.

    Der Theme-Editor zeigt eine Vorschau des Layouts an. Führen Sie die vollständige Anprobe auf Ihrem veröffentlichten Schaufenster durch. Probeanproben werden auf Ihren Plan angerechnet.

    Vorschau und Go-Live-Anleitung
    SPREEAI-Produkttabelle mit fertigen Produkten und der Spalte „Anprobierstatus“.
    Verwenden Sie die Spalte Anprobestatus, um die Sichtbarkeit zu steuern

Web SDK

Fügen Sie Always On zu Ihrer Website hinzu.

Ihr Webteam verwendet den Web SDK, um Ihren Produktseiten eine Schaltfläche zum Anprobieren hinzuzufügen. Es öffnet sich eine von SPREEAI gehostete Umkleidekabine mit Funktionen, die auf Ihrer Integration basieren.

Sprechen Sie mit SPREEAI
  1. Sichern Sie sich Ihren Testzugang.

    Fragen Sie SPREEAI nach einer Test-Client-ID. Wählen Sie ein Produkt aus und senden Sie die Produkt-ID, Varianten und klare Kleidungsstückbilder zur Bearbeitung.

  2. Verbinden Sie eine Produktseite.

    Geben Sie Ihrem Entwickler den Web SDK-Schnellstart und die ID für das verarbeitete Kleidungsstück. Bitten Sie sie, die Schaltfläche in der Nähe der Produktoptionen zu platzieren und sie der ausgewählten Variante zuzuordnen.

  3. Überprüfen Sie die Einkaufsreise.

    Öffnen Sie auf Ihrem Testgelände die Umkleidekabine über ein Telefon und einen Computer. Überprüfen Sie das Kleidungsstück und die Farbe und stellen Sie sicher, dass die richtige Größe und Variante in den Warenkorb gelegt wird, wenn Sie diese Option aktivieren.

1. SPREEAIVerarbeitetes KleidungsstückIhr Produkt und seine passenden Varianten
2. Ihre ProduktseiteSchaltfläche „Anprobieren“.Von Ihrem Webteam platziert und gestylt
3. EinkaufserlebnisVirtuelle UmkleidekabineWird auf Ihrer Website geöffnet und von SPREEAI gehostet
Wie der Web SDK ein Produkt zum Anprobieren verbindet

Für Ihren Entwickler. SDK 2.0 ist der Name der Produktversion. Die aktuelle Installationsanleitung verwendet Web SDK v3.0.0. Verwenden Sie die für Ihre Umgebung ausgestellte Client-ID und behalten Sie private Anmeldeinformationen auf Ihrem Server bei.

Partner-API

Verbinden Sie Ihre eigenen Systeme.

Verwenden Sie diesen Weg, wenn Ihr Team ein System hinter Ihrer Website benötigt, um Daten mit SPREEAI auszutauschen, beispielsweise für einen genehmigten Katalog-Workflow.

Besprechen Sie den API-Zugriff
  1. Beschreiben Sie den Job.

    Teilen Sie SPREEAI mit, welches System Sie verbinden möchten, welche Daten es benötigt und was es tun soll. Partner Engineering bestätigt den unterstützten Workflow und Zugriff.

  2. Teilen Sie die Referenz mit Ihrem Team.

    Ihr Entwickler verwendet die genehmigte API-Referenz und die ausgestellten Testanmeldeinformationen. Bewahren Sie Geheimnisse auf Ihrem Server auf und verwenden Sie separate Anmeldeinformationen für Test und Produktion.

  3. Testen Sie eine kleine Probe.

    Bestätigen Sie, dass Produkt- und Variantendatensätze übereinstimmen, und prüfen Sie, wie Ihr System mit einem nicht verfügbaren Artikel oder einer fehlgeschlagenen Anfrage umgeht, bevor Sie mit der Produktion beginnen.

1. Ihre SystemeKatalog oder BackendBeginnen Sie mit einem vereinbarten Testworkflow
2. SerververbindungGenehmigter API-ZugriffAnmeldeinformationen bleiben auf Ihrem Server
3. SPREEAIUnterstützte API-OperationenÜberprüfen Sie die Antwort, bevor Sie live gehen
Wie eine genehmigte Backend-Integration funktioniert

Mobile SDKs

Integrieren Sie Always On in Ihre App.

Geben Sie Ihrem iOS- oder Android-Team die Plattformreferenz und vereinbaren Sie, welcher Produktbildschirm und welche Funktionen zuerst verwendet werden sollen.

Planen Sie eine mobile Integration
  1. Wählen Sie den ersten App-Bildschirm.

    Wählen Sie eine Produktdetailseite in Ihrer iOS- oder Android-Shopping-App aus und vereinbaren Sie, wem die Integration gehört.

  2. Bestätigen Sie das Paket und die Funktionen.

    Fragen Sie SPREEAI, welches Paket, welches Anmelde-Setup und welche Funktionen für Ihre App gelten. Geben Sie Ihrem mobilen Team die Plattformreferenz und das erste verarbeitete Kleidungsstück.

  3. Führen Sie es auf einem Gerät aus.

    Öffnen Sie in einem Testaufbau die Anprobe, überprüfen Sie das Produkt und schließen Sie das Erlebnis ab. Wenn Ihre App die Warenkorbübergabe unterstützt, stellen Sie sicher, dass der richtige Artikel und die richtige Größe zurückgegeben werden.

1. Ihre AppProduktdetailsBeginnen Sie mit einem Kleidungsstück
2. Natives SDKAnprobe in Ihrer AppVerwenden Sie das zugelassene iOS- oder Android-Paket
3. Ihre AppZurück zum EinkaufenÜberprüfen Sie die unterstützte Warenkorbübergabe
Was Sie bei der Integration einer mobilen App beachten sollten

Immer verfügbar

Eine Umkleidekabine für den gesamten Einkaufsbummel.

Käufer wählen einmal ein Foto oder einen Zwilling aus und behalten diese Perspektive, während sie Ihre Sammlung durchsuchen. Wählen Sie die Funktionen aus, die für Ihren Shop sinnvoll sind.

Entdecken Sie die Plattform

Fragen zur Einrichtung.

Schnelle Antworten für das erste Produkt, das Sie online stellen.

Alle technischen Leitfäden
Brauche ich einen Entwickler?

Für ein Standard-Shopify-Theme, das App-Blöcke unterstützt, kann der Store-Administrator SPREEAI installieren, Produkte synchronisieren und den Block platzieren. Bitten Sie Ihr Web- oder App-Team, die Web SDK-, API- oder native SDK-Integrationen zu implementieren.

Mit welchen Fotos soll ich beginnen?

Verwenden Sie eine klare Vorderansicht eines Kleidungsstücks mit gleichmäßiger Beleuchtung und einem einfachen Hintergrund. Wenn Ihr Shopify-Produkt in mehreren Farben erhältlich ist, weisen Sie jeder Farbe ein eigenes Variantenbild zu. Siehe Fotoführer

Warum wird die Schaltfläche Shopify nicht angezeigt?

Überprüfen Sie, ob das Abonnement genehmigt ist, Virtual Try-On aktiviert ist, das Produkt aktiviert und sichtbar ist und der App-Block in der richtigen Vorlage im veröffentlichten Theme gespeichert ist. Sehen Sie sich die vollständigen Shopify-Prüfungen an

Kann ich Produkte nachträglich hinzufügen oder die Anprobe ausblenden?

Ja. Synchronisieren Sie in Shopify weitere Produkte, wenn Sie bereit sind. Schalten Sie den Anprobestatus auf „Deaktiviert“, damit die Anprobe eines Produkts ausgeblendet wird. Die vorbereiteten Produktdaten und Theme-Einstellungen bleiben erhalten.

Wer kann helfen, wenn ich nicht weiterkomme?

E-Mail support@spreeai.com mit der Produkt-ID, Ihrem Setup-Typ, dem von Ihnen getesteten Gerät und dem, was passiert ist. Halten Sie Zugangsschlüssel, Token und Käuferbilder privat.

Brauchen Sie Hilfe beim Einstieg?

Sagen Sie uns, wie Sie verkaufen und welches Produkt Sie zuerst ausprobieren möchten.

Sprechen Sie mit SPREEAI

Wählen Sie Ihre Sprache.