Web SDK hurtigstart

Før du starter

• A clientId udstedt af SPREEAI til dit godkendte miljø.
• En beklædningsgenstand, der har afsluttet indtagelsen, tilhører din konto og kan prøves.
• En produktside du kan redigere og en container med et unikt HTML ID.

1. Installer

npm install @spreeai/web-sdk@3.0.0

Stylearket er en del af pakken og skal være inkluderet i dit bundt.

2. Tilføj en beholder

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

3. Initialiser og gengiv

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 vende tilbage null. Tjek resultatet før gengivelse, og initialiser én gang pr. side i stedet for for hver knap.

4. Tjek resultatet

1. Indlæs produktsiden. En gyldig, tilgængelig beklædningsgenstand giver en prøv-på-knap.
2. Åbn fitting room og bekræft den påtænkte beklædningsgenstand og farve.
3. Luk og åbn den igen. Tjek oplevelsen på en telefon og en desktop.
4. Prøv et ikke-tilgængeligt tøj i dit testmiljø. Bekræft, at dit normale produkt og betalingsvej forbliver brugbar.

Hvor skal man hen næste gang