سوق
سبري إيه آي للمطورين
ابنِ غرفة القياس
في كل شاشة.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
اختر طريقك
ابدأ من حيث
مكدس التجارة على قيد الحياة.
Use Shopify for a managed setup, or integrate with our SDKs and APIs. Choose the features your business needs and keep your brand’s shopping journey.
مباشرقريباً
أسرع مسار
تطبيق شوبيفاي
تتوفر تقنياتنا من خلال شراكة Shopify. قم بتثبيت التطبيق، وربط كتالوجك وتشكيل الخبرة لمتجرك.أفضل متاجر Shopify مجموعة أدوات تطوير البرمجيات للويبويب مخصص
مجموعة أدوات تطوير البرمجيات للويب
التحكم في موضع العناصر، والتصميم، والأحداث، والحجم، وسلوك زر "إضافة إلى السلة".JavaScript + TypeScript الوثائقتطبيق محلي
مجموعة تطوير نرمجيات آي أو إس
أدخل تجربة SPREEAI في رحلة التسوق الحالية على نظام iOS.فتح دليل iOS الوثائقتطبيق محلي
حزمة تطوير البرمجيات لنظام أندرويد
دمج ميزة القياس الافتراضي في تجربة منتج على أندرويد باستخدام عناصر تحكم أصلية.دليل Android مفتوح وصول الشريكأنظمة مخصصة
واجهات برمجة التطبيقات العامة
استخدم مرجع واجهة برمجة التطبيقات المعتمد لسسير عمل جانب الخادم والكتالوج.إشارة API مفتوحةالبدء السريع لـ Web SDK
أول انضمام لك
مصادقة لمرة واحدة، ثم عرض التجربة الافتراضية أو تحديد المقاسات في أي مكان على الصفحة. استخدم بيانات اعتماد الاختبار الصادرة أثناء الإعداد ولا تضع أبداً سر العميل في كود المتصفح.
npm install @spreeai/web-sdk
# أو
yarn add @spreeai/web-sdkimport { init } from "@spreeai/web-sdk";
const sdk = await init({
clientId: "your-client-id",
partnerId: "your-partner-id",
});
if (sdk) {
await sdk.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
enableAddToCart: true,
});
}events: {
onTryOnButtonClick: (event) => {
analytics.track("try_on_started", event);
},
onAddToCartClicked: async (event) => {
// الاتصال بخط عمل سلة التسوق الحالية لديك.
},
}نموذج التكامل
أربعة أنظمة.
لحظة عميل واحدة.
معرفات المنتجات، والمتغيرات، والصور، وسياق الترويج التجاري.
تنتقل الملابس عبر مراحل المعالجة والمراجعة والجاهزية.
تطلب واجهة متجرك التجربة لمنتج مؤهل.
قسِمه، واعثر على المقاس المناسب، وأكمل المظهر، ثم عد لإتمام الشراء.
مسار متمركز للبدء
إعداداً اتصال.
تعيش مع الثقة.
ثلاثة ميلات، مع قائمة فحص عملية لكل منها.
- 01 - التحضير
نقطة انطلاق واضحة
تنسيق السفر والوصول والكتالوج.
التحضير قائمة التحقق
- اختر قناة واحدة، مجموعة الكتالوج وقياس النجاح.
- تأكيد الوصول إلى الشريك والشهادات والترخيص.
- توفير صورة ملابس نظيفة ومتكاملة.
- 02 - الاتصال
جعلها تشعر بالوطنية.
بناء في المرتبة اختبار المسار بأكمله.
قائمة التحقق
- الإيجار لمنتجات مؤهلة وربط الاختلافات وسلوك السيارة.
- يلائم الخبرة مع العلامة التجارية.
- تحقق من حالة الهاتف المحمول ومكتب المكتب والوصول والأداء والإفلاس.
- 03 - إطلاق
تعلم من الاستخدام الحقيقي
إمكانية إنتاج المنتجات والقياسات.
إطلاق قائمة التحقق
- تأكيد استعداد المنتج ونشر الخبرة المتأخرة.
- مراقبة التبني والتكامل والتحويل.
- استخدم النتائج لتوجيه الفئة أو الرحلة التالية.
خط الأساس للأصول
المدخلات الجيدة تصنع نتيجة أفضل.
- JPEG أو PNG
- بحد أدنى 2,000 × 2,000 بكسل
- مطلوب عرض أمامي
- يوصى بالرؤية الخلفية
- إضاءة محايدة ومتساوية
- رمز SKU أو معرف الطراز في اسم الملف
مرجع المطور
ابحث عن التالي
إجابة مفيدة.
ابدأ من هنا
البدء
تعرف على طرق الوصول والمنصات المدعومة والقرارات الأولى التي يتعين على فريقك اتخاذها.
مرجع رسمي التكامل المُدارإعداد متجر شوبيفاي
ثبّت التطبيق، وافق على الاتفاقيات، وازنِ الملابس، وقم بتخصيص الزر وابدأ البث المباشر.
مرجع رسمي مجموعة أدوات تطوير البرمجيات للويبواجهة برمجة التطبيقات
مراجعة التهيئة، وخيارات العرض، وتحجيم، والتخصيص، والواجهات المكتوبة.
مرجع رسمي واجهة برمجة تطبيقات الشركاءمرجع واجهة برمجة التطبيقات العامة
استكشف واجهة خادم الطرف الخلفي المعتمدة والمتاحة للشركاء المصادق عليهم.
مرجعية Swagger جودةأصول الملابس
إعداد صور المنتجات والبيانات الوصفية التي تنتقل بسلاسة عبر مرحلتي الإدخال والمراجعة.
SPREEAI دليل إنتاجضمان الجودة والإطلاق
استخدم قائمة التحقق المشتركة للمتصفح والأداء وإمكانية الوصول والإطلاق.
SPREEAI دليل الدعماستكشاف الأخطاء وإصلاحها
حل المشكلات الأكثر شيوعاً المتعلقة بالمصادقة، والأهلية، والعرض، والأداء.
SPREEAI دليل توثيقأدلة التنفيذ
تصفح الأدلة السريعة العامة، ومعايير الأصول، وقوائم التحقق للإطلاق، وإرشادات استكشاف الأخطاء وإصلاحها.
الوثائق المفتوحةلا توجد موارد مطابقة للمطورين. جرب “Shopify” أو “SDK” أو “assets” أو “QA”.”
بناء على الإنتاج
التفاصيل التي تحمي
تجربة العملاء.
الأمن
Keep secrets server-side, use only issued environments and rotate credentials through the partner workflow.
خصوصية
Request customer imagery with clear consent and align data handling with your approved integration plan.
أداء
تحميل الخبرة حيث هو مطلوب، اختبار الحقيقة vic إتقان ومراقبة الانعكاسات على صفحة المنتج.
الوصول
Preserve keyboard access, focus order, accessible names and a usable path when the experience is unavailable.
المطور FAQ
أسئلة قبل
أول تعهد
ما هي التكاملات التي يجب أن نختارها؟
Use the Shopify App for the fastest managed path, the Web SDK for custom or headless web placement, the native SDKs for app experiences, and the approved API reference for server-side workflows agreed during onboarding.
من أين تأتي الكتب المعتمدة؟
SPREEAI إصدار الهوية الشريكة والمصادقة المعتمدة أثناء التوصيل. يستخدم متصفح SDK ID العميل و ID الشريك. لا تضع أبداً سر العميل في رمز الأمام.
هل تطبيقات Shopify تتطلب مفاتيح API؟
The current Shopify App onboarding flow connects the store after the required agreements and subscription step; the managed app does not require copying keys into the setup screen.
لماذا لا يظهر زر Try-On؟
Confirm the garment has completed processing, is enabled for Try-On, maps to the active product or variant, and that the app block or SDK container is present on the product template.
ما هي الأحداث العملاء المتاحة؟
The documented SDK callbacks cover Try-On button clicks and add-to-cart interactions. Connect them to your analytics layer without including customer imagery or unnecessary personal data.
هل تتوفر مواقع الويب على الخادم؟
Server-push webhooks are not part of the currently published SDK documentation. Scope any server-side event requirement with Partner Engineering before relying on it.
أين يصل المطورون إلى المساعدة؟
استخدم مسار الدعم الفني المقدم أثناء التصفح أو البريد الإلكتروني support@spreeai.com. Include the environment, product ID, browser or device, timestamp and a concise reproduction path—never send secrets.
متى سيتم توفير دعم شبكة Amazon Partner Network؟
The Amazon Partner Network integration is in development. It is intentionally marked Coming Soon until the onboarding and production interface are ready for external developers.
مستعد لبناء؟