Kommen Sie bald zum Amazon Partner Network und anderen Plattformen, mit mehr Möglichkeiten, sich zu integrieren SPREEAI In deinen Handelsstack.Aktualisierungen erscheinen hier zuerst

Web-SDK-Schnellstart

Ihre erste Integration.

Einmal authentifizieren, dann Anprobe oder Größenbestimmung beliebig auf der Seite rendern. Verwenden Sie die während des Onboardings ausgestellten Test-Anmeldeinformationen und platzieren Sie niemals einen Client Secret im Browser-Code.

npm install @spreeai/web-sdk

# oder
yarn add @spreeai/web-sdk

import { init } from "@spreeai/web-sdk";

const sdk = await init({
  clientId: "your-client-id",
  partnerId: "your-partner-id",
});

if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{ garmentId: "your-garment-id" }],
    enableAddToCart: true,
  });
}

events: {
  onTryOnButtonClick: (event) => {
    analytics.track("try_on_started", event);
  },
  onAddToCartClicked: async (event) => {
    // Verbinden Sie dies mit Ihrem bestehenden Warenkorb-Workflow.
  },
}

Das Integrationsmodell

Vier Systeme.
Ein Kundenerlebnis.

01Ihr Katalog

Produkt-IDs, Varianten, Bildmaterial und Merchandising-Kontext.

02SPREEAI-Inbetriebnahme

Kleidungsstücke durchlaufen die Phasen Bearbeitung, Überprüfung und Bereitstellung.

03SDK oder API

Ihr Schaufenster fordert das Erlebnis für ein berechtigtes Produkt an.

04Kundenaktion

Anprobieren, Größe finden, Look vervollständigen und zur Kasse zurückkehren.

Ein fokussiertes Weg zum Start

Vorbereiten. verbinden.
Lebe mit Vertrauen.

Drei Meilensteine, mit einer praktischen Checkliste für jeden.

01 - Vorbereitung
Ein klares Ausgangspunkt.
Anpassung der Reise, Zugang und Katalog.
Vorbereitung Checklist
- Wählen Sie einen Kanal, Kataloggruppe und Erfolgsmittel.
- Bestätigen Sie Partnerzugang, Akkreditials und Staging-Erlaubnisse.
- Geben Sie saubere, SKU-alignierte Kleidungsbilder an.
Produkt · Ingenieur · Katalog
02 - Verbindungen
Sie fühlen sich nativ.
Aufbau in Staging. Prüfen Sie den ganzen Weg.
Integration Checkliste
- Render für zugelassene Produkte und verbinden Varianten und Kartenverhalten.
- Die Erfahrung entspricht dem Marken.
- Überprüfen Sie mobile, Desktop, Zugänglichkeit, Leistung und Fehlerstatus.
Front-End · QA · Brand
03 - Start
Lernen Sie von der wirklichen Nutzung.
Bereitstellung von Produkten und Messungen.
Start Checklist
- Bestätigen Sie die Produktbereitstellung und veröffentlichen Sie die faszinierte Erfahrung.
- Überwachung der Annahme, Vollendung und Konvertierung.
- Verwenden Sie die Ergebnisse, um die nächste Kategorie oder Reise zu führen.
Handel · Analytics

Bestandsbasislinie

Guter Input sorgt für ein besseres Ergebnis.

JPEG oder PNG
Mindestens 2.000 × 2.000 px
Vorderansicht erforderlich
Rückansicht empfohlen
Neutrales, gleichmäßiges Licht
SKU oder Stil-ID im Dateinamen

Öffnen Sie die Checkliste der Vermögenswerte

Entwicklerreferenz

Finde das Nächste
nützliche Antwort.

/

Hier beginnen

Erste Schritte

Verstehen Sie den Zugriff, unterstützte Plattformen und die ersten Entscheidungen, die Ihr Team treffen muss.

Offizielle Referenz Verwaltete Integration

Shopify-Onboarding

Installieren Sie die App, akzeptieren Sie die Vereinbarungen, synchronisieren Sie die Kleidungsstücke, passen Sie den Button an und gehen Sie live.

Offizielle Referenz Web-SDK

API-Oberfläche

Überprüfung von Initialisierung, Render-Optionen, Größenanpassung, Anpassbarkeit und typisierten Schnittstellen.

Offizielle Referenz Partner-API

Öffentliche API-Referenz

Erkunden Sie die genehmigte serverseitige Schnittstelle, die für authentifizierte Partner verfügbar ist.

Swagger Referenz Qualität

Bekleidungs-Assets

Bereiten Sie Produktabbildungen und Metadaten vor, die reibungslos durch Erfassung und Überprüfung gelangen.

SPREEAI Führung Produktion

Qualitätssicherung & Launch

Verwenden Sie die gemeinsame Checkliste für Browser, Performance, Barrierefreiheit und Go-Live.

SPREEAI Führung Unterstützung

Fehlerbehebung

Beheben Sie die häufigsten Authentifizierungs-, Berechtigungs-, Darstellungs- und Leistungsprobleme.

SPREEAI Führung Dokumentation

Implementierungsleitfäden

Durchsuche öffentliche Schnellstartanleitungen, Asset-Standards, Checklisten für den Start und Anleitungen zur Fehlerbehebung.

Öffnete Dokumentation

Für die Produktion erstellen

Die Details, die schützen
das Kundenerlebnis.

Sicherheit

Bewahren Sie Geheimnisse serverseitig auf, verwenden Sie ausschließlich bereitgestellte Umgebungen und rotieren Sie Zugangsdaten über den Partner-Workflow.

Datenschutz

Fordern Sie Kundenbilder mit ausdrücklicher Einwilligung an und stimmen Sie die Datenverarbeitung auf Ihren genehmigten Integrationsplan ab.

Leistung

Laden Sie die Experience dort, wo sie benötigt wird, testen Sie reale Geräte und überwachen Sie Regressionen der Produktseite.

Barrierefreiheit

Bewahren Sie den Tastaturzugriff, die Fokusreihenfolge, barrierefreie Namen und einen nutzbaren Pfad bei, wenn die Funktion nicht verfügbar ist.

Entwickler-FAQ

Fragen zuvor
Der erste Commit.

Welche Integration sollten wir wählen?

Verwenden Sie die Shopify App für den schnellsten verwalteten Pfad, das Web-SDK für benutzerdefinierte oder Headless-Web-Platzierungen, die nativen SDKs für App-Erlebnisse und die während des Onboardings vereinbarte, genehmigte API-Referenz für serverseitige Workflows.

Woher kommen Anmeldeinformationen?

SPREEAI vergibt während des Onboardings die Partner-ID und die genehmigten Zugangsdaten. Das Browser-SDK verwendet eine Client-ID und eine Partner-ID. Binden Sie niemals ein Client-Secret in Frontend-Code ein.

Erfordert die Shopify-App API-Schlüssel?

Der aktuelle Shopify App Onboarding-Prozess verbindet den Shop nach den erforderlichen Vereinbarungen und dem Abonnement-Schritt; die Managed App erfordert kein Kopieren von Schlüsseln in den Einrichtungsbildschirm.

Warum wird der Anprobieren-Button nicht angezeigt?

Bestätigen Sie, dass die Verarbeitung des Kleidungsstücks abgeschlossen ist, für Try-On aktiviert ist, dem aktiven Produkt oder der aktiven Variante zugeordnet ist und dass der App-Block oder der SDK-Container auf der Produktvorlage vorhanden ist.

Welche Client-Ereignisse sind verfügbar?

Die dokumentierten SDK-Callbacks decken Try-On-Button-Klicks und Add-to-Cart-Interaktionen ab. Verbinden Sie diese mit Ihrer Analytics-Ebene, ohne Kundenbilder oder unnötige personenbezogene Daten einzubeziehen.

Sind Server-Webhooks verfügbar?

Server-Push-Webhooks sind nicht Teil der aktuell veröffentlichten SDK-Dokumentation. Stimmen Sie alle Anforderungen an serverseitige Ereignisse vor der Verwendung mit der Partner Engineering ab.

Wo bekommen Entwickler Hilfe?

Nutzen Sie den während des Onboardings bereitgestellten technischen Support-Pfad oder schreiben Sie eine E-Mail support@spreeai.com. Schließen Sie die Umgebung, die Produkt-ID, den Browser oder das Gerät, den Zeitstempel und einen prägnanten Replikationspfad ein – senden Sie niemals Geheimnisse.

Wann wird der Support für das Amazon Partner Network verfügbar sein?

Die Integration in das Amazon Partner Network befindet sich in der Entwicklung. Sie ist absichtlich als „Demnächst verfügbar“ gekennzeichnet, bis die Onboarding- und Produktionsoberfläche für externe Entwickler bereit sind.

Bereit zum Bauen?

Wähle den Weg.
Wir helfen Ihnen, es zu versenden.

Technische Entdeckungsreise buchen Alle Docs zu sehen Öffnen Partner Workspace

Bau die Umkleidekabinein jeden Bildschirm.

Fange dort an, wo deineCommerce Stack lebt.

Shopify-App

Web-SDK

iOS-SDK

Android SDK

Öffentliche APIs

Amazon Partnernetzwerk

Ihre erste Integration.

Vier Systeme.Ein Kundenerlebnis.

Vorbereiten. verbinden.Lebe mit Vertrauen.

Ein klares Ausgangspunkt.

Sie fühlen sich nativ.

Lernen Sie von der wirklichen Nutzung.