SPREEAI

ویب SDK انٹیگریشن

استعمال کریں۔ @spreeai/web-sdk اپنی مرضی کے مطابق یا بغیر ہیڈ لیس ویب اسٹور فرنٹ کے لیے۔

یہ مثالیں شائع شدہ کو نشانہ بناتی ہیں۔ v3.0.0 پیکج کال کریں۔ init() ایک بار اور اس کے کالعدم نتائج کی حفاظت کریں۔ پارٹنر سے حل کیا جاتا ہے clientId; پاس نہ کرو partnerId v3 تک init(). موجودہ v2 انضمام کو ورژن تبدیل کرنے سے پہلے آفیشل اپ گریڈ گائیڈ پر عمل کرنا چاہیے۔

انسٹال کریں۔

npm install @spreeai/web-sdk@3.0.0
# or
yarn add @spreeai/web-sdk@3.0.0

انسٹال کردہ SDK ورژن کے لیے دستاویزی SDK اسٹائل شیٹ شامل کریں۔

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

import { init } from "@spreeai/web-sdk";
import "@spreeai/web-sdk/dist/web-sdk.css";

// Add <div id="spreeai-try-on"></div> to the product page first.
const sdk = await init({ clientId: "your-client-id" });

if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{ garmentId: "your-garment-id" }],
    enableAddToCart: true,
  });
}

init() واپسی null جب تصدیق ناکام ہوجاتی ہے۔ تمام رینڈر کالز کی حفاظت کریں۔

سائز کرنا

v3.0.0 ایک الگ کے بجائے آزمانے کے تجربے کے اندر سائز کو ظاہر کرتا ہے۔ sdk.renderSizingButton() طریقہ منظور شدہ سائزنگ ڈیٹا والے لباس کے لیے، ٹرائی آن بٹن پر اس بہاؤ کو فعال کریں:

await sdk?.renderTryOnButton({
  elementId: "spreeai-try-on",
  garments: [{ garmentId: "your-garment-id" }],
  enableSizingRecommendation: true,
});

لباس کا ڈیٹا اور پارٹنر کنفیگریشن تیار ہونے کے بعد ہی سائزنگ کو فعال کریں۔

واقعات

عوامی SDK ٹرائی آن بٹن اور ایڈ ٹو کارٹ ایکشنز کے لیے کلائنٹ سائیڈ کال بیکس کو دستاویز کرتا ہے۔ کال بیکس کو اسٹور فرنٹ کے موجودہ اینالیٹکس اور کارٹ لیئرز سے مربوط کریں۔ تجزیاتی پے لوڈز میں کسٹمر کی تصاویر، اسناد، یا غیر ضروری ذاتی ڈیٹا نہ رکھیں۔

پیداواری رہنمائی

سرکاری حوالہ

اپنی زبان کا انتخاب کریں۔