Größenbewusste Passform | SDK 2.0

Shopify-Konfiguration

Die größenbewusste Passform beginnt mit Virtual Try-On und funktioniert unabhängig davon. Fügen Sie die hinzu SPREEAI Finden Sie Ihre Größe Block neben der Größenauswahl des Produkts, speichern Sie das Design und testen Sie ein aktiviertes Produkt. Durch Deaktivieren der größenbezogenen Passform wird die Schaltfläche ausgeblendet und die Größenempfehlungen werden nicht mehr angezeigt.

Web SDK-Konfiguration

enableSizingRecommendation Fordert den Größenempfehlungsfluss innerhalb der Anprobe an. showSizes Displays werden in den verfügbaren Größen geliefert; showPrices Zeigt den angegebenen Preis an. Alle drei sind standardmäßig auf „false“ eingestellt. Allein die Anzeige von Größenetiketten ermöglicht keine Empfehlung.

TypeScript

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

const sdk = await init({ clientId: "YOUR_ISSUED_CLIENT_ID" });
if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{
      garmentId: "YOUR_READY_GARMENT_ID",
      availableSizes: ["XS", "S", "M", "L"],
      price: "$89.00",
    }],
    enableSizingRecommendation: true,
    showSizes: true,
    showPrices: true,
    defaultUnits: "metric",
  });
}

Daten und Verhalten

Geben Sie die aktuell vorrätigen Größenetiketten und den Anzeigepreis in Ihrem Geschäft an.
Bestätigen Sie durch das Onboarding, dass die erforderlichen Passform- und Größendaten des Produkts unterstützt werden.
Verwenden defaultUnits um im Profil metrische oder imperiale Maße auszuwählen.
Halten Sie die Größentabelle der Marke bereit. Eine visuelle Vorschau oder Empfehlung garantiert keine körperliche Passform.

Eigenständige Größenbestimmung

Das zurückgegebene v3.0.0 SDK wird verfügbar gemacht renderTryOnButton(). Es wird kein Callable verfügbar gemacht renderSizingButton(), auch wenn größenbezogene Typen im Paket verbleiben. Verwenden Sie den unterstützten eingebetteten Flow oder den Shopify-Block.

Überprüfung des Warenkorbs

Auf Shopify, Aktivieren Sie „Zur Tasche hinzufügen“. beginnt. Wenn diese Option aktiviert ist, überprüfen Sie, ob das aktuelle Produkt in der in der Umkleidekabine ausgewählten Größe hinzugefügt wird. Validieren Sie im benutzerdefinierten Web die Rückrufdaten und ordnen Sie sie den Produkt- und Varianten-IDs Ihres eigenen Warenkorbs zu.

Quellenangaben