ویب SDK کوئیک سٹارٹ

اس سے پہلے کہ آپ شروع کریں۔

• A clientId آپ کے منظور شدہ ماحول کے لیے SPREEAI کی طرف سے جاری کیا گیا ہے۔
• ایک ایسا لباس جس نے ادخال مکمل کر لیا ہے، وہ آپ کے اکاؤنٹ سے تعلق رکھتا ہے اور آزمانے کے لیے دستیاب ہے۔
• ایک پروڈکٹ کا صفحہ جس میں آپ ترمیم کر سکتے ہیں اور ایک منفرد HTML ID والا کنٹینر۔

1. انسٹال کریں۔

npm install @spreeai/web-sdk@3.0.0

اسٹائل شیٹ پیکیج کا حصہ ہے اور اسے آپ کے بنڈل میں شامل کرنا ضروری ہے۔

2. ایک کنٹینر شامل کریں۔

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

3. شروع کریں اور پیش کریں۔

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() واپس کر سکتے ہیں null. رینڈرنگ سے پہلے نتیجہ چیک کریں، اور ہر بٹن کے بجائے فی صفحہ ایک بار شروع کریں۔

4. نتیجہ چیک کریں۔

1. پروڈکٹ کا صفحہ لوڈ کریں۔ ایک درست، دستیاب لباس ٹرائی آن بٹن پیش کرتا ہے۔
2. فٹنگ روم کھولیں اور مطلوبہ لباس اور رنگ کی تصدیق کریں۔
3. اسے بند کریں اور دوبارہ کھولیں۔ فون اور ڈیسک ٹاپ پر تجربہ چیک کریں۔
4. اپنے ٹیسٹ کے ماحول میں غیر دستیاب لباس کو آزمائیں۔ اپنے عام پروڈکٹ کی تصدیق کریں اور چیک آؤٹ کا راستہ قابل استعمال رہے گا۔

آگے کہاں جانا ہے۔