Mabilisang pagsisimula ng Web SDK

Bago ka magsimula

• A clientId na ibinigay ng SPREEAI para sa iyong naaprubahang kapaligiran.
• Ang isang kasuotan na nakumpleto ang paglunok, ay kabilang sa iyong account at magagamit para sa pagsubok.
• Isang page ng produkto na maaari mong i-edit at isang container na may natatanging HTML ID.

1. I-install

npm install @spreeai/web-sdk@3.0.0

Ang stylesheet ay bahagi ng package at dapat na kasama sa iyong bundle.

2. Magdagdag ng lalagyan

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

3. Magsimula at mag-render

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() maaaring bumalik null. Suriin ang resulta bago mag-render, at magpasimula nang isang beses bawat pahina sa halip na para sa bawat button.

4. Suriin ang resulta

1. I-load ang page ng produkto. Ang isang wasto at available na damit ay nagbibigay ng try-on na button.
2. Buksan ang fitting room at kumpirmahin ang nilalayon na damit at kulay.
3. Isara at buksan muli. Suriin ang karanasan sa isang telepono at isang desktop.
4. Subukan ang isang hindi magagamit na damit sa iyong kapaligiran sa pagsubok. Kumpirmahin ang iyong normal na produkto at mananatiling magagamit ang daanan ng pag-checkout.

Kung saan ang susunod na pupuntahan