Web SDK hızlı başlangıç

Başlamadan önce

• A clientId Onaylı ortamınız için SPREEAI tarafından yayınlanmıştır.
• Kullanımı tamamlanmış bir giysi hesabınıza ait olup denemeye açıktır.
• Düzenleyebileceğiniz bir ürün sayfası ve benzersiz HTML kimliğine sahip bir kapsayıcı.

1. Yükle

npm install @spreeai/web-sdk@3.0.0

Stil sayfası paketin bir parçasıdır ve paketinize dahil edilmelidir.

2. Bir kapsayıcı ekleyin

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

3. Başlatın ve oluşturun

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() geri dönebilir null. Oluşturmadan önce sonucu kontrol edin ve her düğme yerine sayfa başına bir kez başlatın.

4. Sonucu kontrol edin

1. Ürün sayfasını yükleyin. Geçerli, mevcut bir giysi, deneme düğmesi görevi görür.
2. Soyunma odasını açın ve amaçlanan giysiyi ve rengi onaylayın.
3. Kapatıp tekrar açın. Telefon ve masaüstü bilgisayardaki deneyimi kontrol edin.
4. Test ortamınızda bulunmayan bir giysiyi deneyin. Normal ürününüzün ve ödeme yolunuzun kullanılabilir durumda kaldığını onaylayın.

Bundan sonra nereye gitmeli