Ghid de pornire rapidă pentru SDK-ul web

Înainte de a începe

• A clientId emis de SPREEAI pentru mediul dumneavoastră aprobat.
• O îmbrăcăminte care a fost ingerată complet, aparține contului dvs. și este disponibilă pentru încercare.
• O pagină de produs pe care o puteți edita și un container cu un ID HTML unic.

1. Instalați

npm install @spreeai/web-sdk@3.0.0

Foaia de stil face parte din pachet și trebuie inclusă în pachet.

2. Adăugați un recipient

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

3. Inițializați și randaț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() se poate întoarce null. Verificați rezultatul înainte de randare și inițializați o dată pe pagină și nu pentru fiecare buton.

4. Verificați rezultatul

1. Încărcați pagina produsului. O îmbrăcăminte valabilă, disponibilă, face un buton de încercare.
2. Deschideți cabina de probă și confirmați îmbrăcămintea și culoarea dorite.
3. Închideți-l și redeschideți-l. Verificați experiența pe un telefon și pe un desktop.
4. Încercați o îmbrăcăminte indisponibilă în mediul dvs. de testare. Confirmați că produsul dvs. obișnuit și calea de plată rămâne utilizabilă.

Unde să merg mai departe