Hurtigstart for nett-SDK

Før du begynner

• A clientId utstedt av SPREEAI for ditt godkjente miljø.
• Et plagg som har fullført inntak, tilhører kontoen din og er tilgjengelig for prøving.
• En produktside du kan redigere og en beholder med en unik HTML-ID.

1. Installer

npm install @spreeai/web-sdk@3.0.0

Stilarket er en del av pakken og må være inkludert i pakken.

2. Legg til en beholder

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

3. Initialiser og gjengi

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 returnere null. Sjekk resultatet før gjengivelse, og initialiser én gang per side i stedet for for hver knapp.

4. Sjekk resultatet

1. Last inn produktsiden. Et gyldig, tilgjengelig plagg gir en prøvingsknapp.
2. Åpne prøverommet og bekreft det tiltenkte plagget og fargen.
3. Lukk og åpne den igjen. Sjekk opplevelsen på en telefon og en datamaskin.
4. Prøv et plagg som ikke er tilgjengelig i testmiljøet ditt. Bekreft at ditt vanlige produkt og betalingsvei fortsatt kan brukes.

Hvor du skal gå videre