Permulaan pantas SDK Web

Sebelum anda bermula

• A clientId dikeluarkan oleh SPREEAI untuk persekitaran anda yang diluluskan.
• Pakaian yang telah selesai pengingesan, adalah kepunyaan akaun anda dan tersedia untuk dicuba.
• Halaman produk yang boleh anda edit dan bekas dengan ID HTML unik.

1. Pasang

npm install @spreeai/web-sdk@3.0.0

Lembaran gaya adalah sebahagian daripada pakej dan mesti disertakan dalam berkas anda.

2. Masukkan bekas

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

3. Mulakan dan buat

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() boleh balik null. Semak keputusan sebelum membuat persembahan, dan mulakan sekali setiap halaman dan bukannya untuk setiap butang.

4. Semak keputusan

1. Muatkan halaman produk. Pakaian yang sah dan tersedia menghasilkan butang cuba.
2. Buka bilik pemasangan dan sahkan pakaian dan warna yang dimaksudkan.
3. Tutup dan buka semula. Semak pengalaman pada telefon dan desktop.
4. Cuba pakaian yang tidak tersedia dalam persekitaran ujian anda. Sahkan produk biasa anda dan laluan daftar keluar kekal boleh digunakan.

Ke mana hendak pergi seterusnya