Web SDK:n pika-aloitusopas

Ennen kuin aloitat

• A clientId on myöntänyt SPREEAI hyväksytylle ympäristölle.
• Vaate, joka on otettu käyttöön, kuuluu tilillesi ja on kokeilettavissa.
• Muokattava tuotesivu ja säilö, jossa on yksilöllinen HTML-tunnus.

1. Asenna

npm install @spreeai/web-sdk@3.0.0

Tyylisivu on osa pakettia, ja se on sisällytettävä nippuusi.

2. Lisää säiliö

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

3. Alusta ja renderöi

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() voi palata null. Tarkista tulos ennen renderöintiä ja alusta kerran sivua kohden kunkin painikkeen sijaan.

4. Tarkista tulos

1. Lataa tuotesivu. Kelvollinen, saatavilla oleva vaate tekee kokeilunapin.
2. Avaa sovitushuone ja vahvista aiottu vaate ja väri.
3. Sulje ja avaa se uudelleen. Tarkista kokemus puhelimella ja työpöydällä.
4. Kokeile vaatetta, jota ei ole saatavilla testiympäristössäsi. Vahvista normaali tuotteesi ja kassapolku on edelleen käytettävissä.

Minne seuraavaksi