تیز ترین راستہ
SPREEAI ڈویلپرز کے لیے
فٹنگ روم بنائیں
ہر سکرین میں.
اپنا کیٹلاگ مربوط کریں۔ کسٹمر کے سفر کو شکل دیں۔ Always On کو اپنے اسٹور فرنٹ میں انضمام کے راستے کے ساتھ لائیں جو آپ کی ٹیم کے لیے موزوں ہو۔
اپنے راستے کا انتخاب کریں۔
جہاں سے شروع کرو
کامرس اسٹیک زندگی.
منظم سیٹ اپ کے لیے Shopify استعمال کریں، یا ہمارے SDKs اور APIs کے ساتھ ضم کریں۔ وہ خصوصیات منتخب کریں جن کی آپ کے کاروبار کی ضرورت ہے اور اپنے برانڈ کا خریداری کا سفر جاری رکھیں۔
حسب ضرورت ویب
ویب SDK
پلیسمنٹ، اسٹائلنگ، ایونٹس، سائزنگ اور ٹوکری میں شامل کرنے کے رویے کو کنٹرول کریں۔JavaScript + TypeScript دستاویزاتمقامی موبائل
iOS SDK
موجودہ iOS خریداری کے سفر میں SPREEAI کا تجربہ لائیں۔iOS گائیڈ کھولیں۔ دستاویزاتمقامی موبائل
Android SDK
مقامی کنٹرولز کے ساتھ Android پروڈکٹ کے تجربے میں ٹرائی آن کو ضم کریں۔اینڈرائیڈ گائیڈ کھولیں۔ ساتھی تک رسائیاپنی مرضی کے نظام
عوامی APIs
سرور سائیڈ اور کیٹلاگ ورک فلو کے لیے منظور شدہ API حوالہ استعمال کریں۔API کا حوالہ کھولیں۔بازار
ایمیزون پارٹنر نیٹ ورک
Amazon پارٹنر نیٹ ورک اور دیگر پلیٹ فارمز پر جلد آرہا ہے، SPREEAI کو آپ کے کامرس اسٹیک میں ضم کرنے کے مزید طریقوں کے ساتھ۔اپ ڈیٹس پہلے یہاں ظاہر ہوں گی۔ویب SDK کوئیک سٹارٹ
آپ کا پہلا انضمام۔
ایک بار توثیق کریں، پھر صفحہ پر کہیں بھی آزمائیں یا سائز تبدیل کریں۔ آن بورڈنگ کے دوران جاری کردہ ٹیسٹ اسناد کا استعمال کریں اور براؤزر کوڈ میں کلائنٹ کا راز کبھی نہ رکھیں۔
npm install @spreeai/web-sdk@3.0.0
# or
yarn add @spreeai/web-sdk@3.0.0import { 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,
});
}// Pass events inside renderTryOnButton's options.
await sdk?.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
events: {
onTryOnButtonClick: (event) => {
console.info(event.name);
},
onAddToCartClicked: (event) => {
// Connect event.garments to your storefront's cart.
},
},
});انضمام کا ماڈل
چار نظام۔
ایک گاہک کا لمحہ۔
پروڈکٹ IDs، مختلف قسمیں، تصویری اور تجارتی سیاق و سباق۔
گارمنٹس پروسیسنگ، جائزہ اور تیاری کی حالتوں سے گزرتے ہیں۔
آپ کا اسٹور فرنٹ ایک اہل پروڈکٹ کے تجربے کی درخواست کرتا ہے۔
کوشش کریں، ایک سائز تلاش کریں، شکل مکمل کریں اور چیک آؤٹ پر واپس جائیں۔
لانچ کرنے کا ایک مرکوز راستہ
تیار کریں۔ جڑیں۔
اعتماد کے ساتھ جیو۔
تین سنگ میل، ہر ایک کے لیے ایک عملی چیک لسٹ کے ساتھ۔
- 01 · تیار کریں۔
ایک واضح نقطہ آغاز۔
سفر، رسائی اور کیٹلاگ کو سیدھ میں رکھیں۔
تیاری چیک لسٹ
- ایک چینل، کیٹلاگ گروپ اور کامیابی کی پیمائش کا انتخاب کریں۔
- پارٹنر تک رسائی، اسناد اور سٹیجنگ کی اجازتوں کی تصدیق کریں۔
- صاف، SKU سے منسلک لباس کی تصویر فراہم کریں۔
- 02 · جڑیں۔
اسے مقامی محسوس کریں۔
اسٹیجنگ میں بنائیں۔ پورے سفر کی جانچ کریں۔
انضمام چیک لسٹ
- اہل پروڈکٹس کے لیے پیش کریں اور متغیرات اور کارٹ کے رویے کو مربوط کریں۔
- تجربے کو برانڈ کے ساتھ جوڑیں۔
- موبائل، ڈیسک ٹاپ، رسائی، کارکردگی اور ناکامی کی حالتوں کو چیک کریں۔
- 03 · لانچ
حقیقی استعمال سے سیکھیں۔
تیار مصنوعات کو فعال کریں اور پیمائش کریں۔
چیک لسٹ لانچ کریں۔
- پروڈکٹ کی تیاری کی تصدیق کریں اور مرحلہ وار تجربہ شائع کریں۔
- گود لینے، تکمیل اور تبدیلی کی نگرانی کریں۔
- اگلے زمرے یا سفر کی رہنمائی کے لیے نتائج کا استعمال کریں۔
اثاثہ بیس لائن
اچھا ان پٹ بہتر نتیجہ دیتا ہے۔
- JPEG یا PNG
- 2,000 × 2,000 px کم از کم
- سامنے کا منظر درکار ہے۔
- پیچھے کا نظارہ تجویز کیا گیا۔
- غیر جانبدار، یہاں تک کہ روشنی
- فائل نام میں SKU یا اسٹائل ID
ڈویلپر حوالہ
اگلا تلاش کریں۔
مفید جواب.
یہاں سے شروع کریں۔
شروع کرنا
رسائی، تعاون یافتہ پلیٹ فارمز اور پہلے فیصلوں کو سمجھیں جو آپ کی ٹیم کو کرنے کی ضرورت ہے۔
سرکاری حوالہ منظم انضمامShopify آن بورڈنگ
ایپ انسٹال کریں، معاہدے قبول کریں، ملبوسات کی مطابقت پذیری کریں، بٹن کو حسب ضرورت بنائیں اور لائیو ہوں۔
سرکاری حوالہ ویب SDKAPI سطح
شروع کرنے، رینڈر کے اختیارات، سائز، حسب ضرورت اور ٹائپ شدہ انٹرفیس کا جائزہ لیں۔
سرکاری حوالہ پارٹنر APIعوامی API حوالہ
تصدیق شدہ شراکت داروں کے لیے دستیاب منظور شدہ سرور سائیڈ انٹرفیس کو دریافت کریں۔
اکڑ کا حوالہ معیارملبوسات کے اثاثے۔
پروڈکٹ کی تصویر اور میٹا ڈیٹا تیار کریں جو ادخال اور جائزہ کے ذریعے صاف طور پر آگے بڑھتے ہیں۔
SPREEAI گائیڈ پیداوارQA اور لانچ
مشترکہ براؤزر، کارکردگی، ایکسیسبیلٹی اور گو لائیو چیک لسٹ استعمال کریں۔
SPREEAI گائیڈ حمایتخرابی کا سراغ لگانا
سب سے عام تصدیق، اہلیت، رینڈرنگ اور کارکردگی کے مسائل کو حل کریں۔
SPREEAI گائیڈ دستاویزینفاذ کے رہنما
عوامی کوئیک سٹارٹس، اثاثہ جات کے معیارات، لانچ چیک لسٹ اور ٹربل شوٹنگ گائیڈنس کو براؤز کریں۔
دستاویزات کھولیں۔کوئی مماثل ڈویلپر وسائل نہیں ہیں۔ "Shopify," "SDK," "اثاثے" یا "QA" کو آزمائیں۔
پیداوار کے لیے تعمیر کریں۔
وہ تفصیلات جو حفاظت کرتی ہیں۔
کسٹمر کا تجربہ.
سیکورٹی
راز کو سرور کے ساتھ رکھیں، صرف جاری کردہ ماحول استعمال کریں اور پارٹنر ورک فلو کے ذریعے اسناد کو گھمائیں۔
رازداری
واضح رضامندی کے ساتھ کسٹمر کی تصویر کشی کی درخواست کریں اور اپنے منظور شدہ انٹیگریشن پلان کے ساتھ ڈیٹا ہینڈلنگ کو سیدھ کریں۔
کارکردگی
تجربہ لوڈ کریں جہاں اس کی ضرورت ہو، حقیقی آلات کی جانچ کریں اور پروڈکٹ کے صفحہ کے ریگریشنز کی نگرانی کریں۔
رسائی
تجربہ دستیاب نہ ہونے پر کی بورڈ تک رسائی، فوکس آرڈر، قابل رسائی نام اور قابل استعمال راستہ محفوظ کریں۔
ڈویلپر کے اکثر پوچھے گئے سوالات
پہلے سوالات
پہلا عہد.
ہمیں کون سا انضمام منتخب کرنا چاہئے؟
تیز ترین نظم شدہ راستے کے لیے Shopify ایپ استعمال کریں، اپنی مرضی کے مطابق یا بغیر ہیڈ لیس ویب پلیسمنٹ کے لیے ویب SDK، ایپ کے تجربات کے لیے مقامی SDKs، اور آن بورڈنگ کے دوران متفقہ سرور سائیڈ ورک فلو کے لیے منظور شدہ API حوالہ۔
اسناد کہاں سے آتی ہیں؟
SPREEAI آن بورڈنگ کے دوران پارٹنر ID اور منظور شدہ اسناد جاری کرتا ہے۔ براؤزر SDK کلائنٹ ID اور پارٹنر ID استعمال کرتا ہے۔ فرنٹ اینڈ کوڈ میں کلائنٹ کے راز کو کبھی بھی شامل نہ کریں۔
کیا Shopify ایپ کو API کیز کی ضرورت ہے؟
موجودہ Shopify ایپ آن بورڈنگ فلو اسٹور کو مطلوبہ معاہدوں اور سبسکرپشن مرحلے کے بعد جوڑتا ہے۔ منظم ایپ کو سیٹ اپ اسکرین میں کیز کاپی کرنے کی ضرورت نہیں ہے۔
ٹرائی آن بٹن کیوں ظاہر نہیں ہوتا؟
تصدیق کریں کہ لباس نے پروسیسنگ مکمل کر لی ہے، ٹرائی آن کے لیے فعال ہے، فعال پروڈکٹ یا ویرینٹ کے نقشے، اور یہ کہ ایپ بلاک یا SDK کنٹینر پروڈکٹ ٹیمپلیٹ پر موجود ہے۔
کون سے کلائنٹ کے واقعات دستیاب ہیں؟
دستاویزی SDK کال بیکس ٹرائی آن بٹن کلکس اور ایڈ ٹو کارٹ تعاملات کا احاطہ کرتی ہیں۔ کسٹمر کی تصاویر یا غیر ضروری ذاتی ڈیٹا کو شامل کیے بغیر انہیں اپنی تجزیاتی پرت سے جوڑیں۔
کیا سرور ویب ہکس دستیاب ہیں؟
سرور پش ویب ہکس فی الحال شائع شدہ SDK دستاویزات کا حصہ نہیں ہیں۔ اس پر بھروسہ کرنے سے پہلے پارٹنر انجینئرنگ کے ساتھ کسی بھی سرور سائیڈ ایونٹ کی ضرورت کو اسکوپ کریں۔
ڈویلپرز کو مدد کہاں سے ملتی ہے؟
آن بورڈنگ یا ای میل کے دوران فراہم کردہ تکنیکی مدد کا راستہ استعمال کریں۔ support@spreeai.com. ماحول، پروڈکٹ ID، براؤزر یا ڈیوائس، ٹائم اسٹیمپ اور ایک مختصر تولیدی راستہ شامل کریں — کبھی بھی راز نہ بھیجیں۔
ایمیزون پارٹنر نیٹ ورک سپورٹ کب دستیاب ہوگا؟
ایمیزون پارٹنر نیٹ ورک انضمام ترقی میں ہے۔ یہ جان بوجھ کر جلد آرہا ہے اس وقت تک نشان زد کیا جاتا ہے جب تک کہ بیرونی ڈویلپرز کے لیے آن بورڈنگ اور پروڈکشن انٹرفیس تیار نہ ہوجائے۔
تعمیر کرنے کے لیے تیار ہیں؟