Snabbstart för webb-SDK

Innan du börjar

• A clientId utfärdat av SPREEAI för din godkända miljö.
• Ett plagg som har slutförts intag, tillhör ditt konto och är tillgängligt för provning.
• En produktsida som du kan redigera och en behållare med ett unikt HTML-ID.

1. Installera

npm install @spreeai/web-sdk@3.0.0

Stilarket är en del av paketet och måste ingå i ditt paket.

2. Lägg till en behållare

<div id="spreeai-try-on"></div>

3. Initiera och rendera

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

// Add <div id="spreeai-try-on"></div> to your product page.
const sdk = await init({ clientId: "YOUR_ISSUED_CLIENT_ID" });

if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{ garmentId: "YOUR_READY_GARMENT_ID" }],
  });
} else {
  // Keep the normal product and purchase journey available.
  console.warn("SPREEAI could not initialize.");
}

init() kan återvända null. Kontrollera resultatet före rendering och initiera en gång per sida istället för för varje knapp.

4. Kontrollera resultatet

1. Ladda produktsidan. Ett giltigt, tillgängligt plagg ger en prova-på-knapp.
2. Öppna provrummet och bekräfta avsett plagg och färg.
3. Stäng och öppna den igen. Kontrollera upplevelsen på en telefon och en stationär dator.
4. Prova ett plagg som inte är tillgängligt i din testmiljö. Bekräfta att din normala produkt och kassaväg förblir användbar.

Vart ska man gå härnäst