أسرع مسار
SPREEAI للمطورين
قم ببناء غرفة القياس
في كل شاشة.
اربط كتالوجك. شكّل تجربة العميل. أضف Always On إلى متجرك الإلكتروني من خلال مسار التكامل الذي يناسب فريقك.
اختر طريقك
ابدأ من حيث أنت
تستمر حياة منصات التجارة الإلكترونية.
استخدم Shopify لإعداد مُدار، أو قم بالتكامل مع حزم تطوير البرامج (SDKs) وواجهات برمجة التطبيقات (APIs) الخاصة بنا. اختر الميزات التي تحتاجها أعمالك وحافظ على تجربة تسوق علامتك التجارية.
موقع ويب مخصص
مجموعة تطوير البرامج للويب
التحكم في موضع المنتج، وتصميمه، والأحداث، وحجمه، وسلوك إضافة المنتج إلى سلة التسوق.جافا سكريبت + تايب سكريبت المستنداتهاتف محمول أصلي
حزمة تطوير البرامج لنظام iOS
أضف تجربة SPREEAI إلى رحلة التسوق الحالية على نظام iOS.دليل فتح نظام iOS المستنداتهاتف محمول أصلي
حزمة تطوير البرامج لنظام Android
قم بدمج خاصية تجربة المنتج في تجربة استخدام منتجات أندرويد باستخدام عناصر تحكم أصلية.دليل فتح نظام أندرويد وصول الشركاءأنظمة مخصصة
واجهات برمجة التطبيقات العامة
استخدم مرجع واجهة برمجة التطبيقات المعتمد لسير العمل من جانب الخادم وسير عمل الكتالوج.مرجع واجهة برمجة التطبيقات المفتوحةسوق إلكتروني
شبكة شركاء أمازون
قريبًا على شبكة شركاء أمازون ومنصات أخرى، مع المزيد من الطرق لدمج SPREEAI في مجموعة أدوات التجارة الخاصة بك.ستظهر التحديثات هنا أولاًدليل البدء السريع لحزمة تطوير البرامج للويب
عملية التكامل الأولى.
قم بالمصادقة مرة واحدة، ثم اعرض خيارات تجربة الملابس أو تحديد المقاسات في أي مكان على الصفحة. استخدم بيانات اعتماد تجريبية تم إصدارها أثناء عملية التسجيل، ولا تضع أبدًا سر العميل في كود المتصفح.
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.
},
},
});نموذج التكامل
أربعة أنظمة.
لحظة مميزة مع أحد العملاء.
معرفات المنتجات، والأنواع المختلفة، والصور، وسياق الترويج.
تمر الملابس بمراحل المعالجة والمراجعة والاستعداد.
يطلب متجرك الإلكتروني تجربة منتج مؤهل.
جربي الملابس، واختاري المقاس المناسب، وأكملي إطلالتك، ثم عودي إلى صفحة الدفع.
مسار مُركّز للإطلاق
استعد. تواصل.
انطلق بثقة.
ثلاث مراحل رئيسية، مع قائمة مرجعية عملية لكل منها.
- 1 · التحضير
نقطة انطلاق واضحة.
قم بمواءمة الرحلة والوصول والفهرسة.
قائمة التحضير
- اختر قناة واحدة، ومجموعة كتالوج واحدة، ومقياس نجاح واحد.
- تأكد من وصول الشريك وبيانات اعتماده وأذونات بيئة الاختبار.
- قم بتوفير صور ملابس نظيفة ومتوافقة مع رموز المنتجات.
- 02 · اتصال
اجعله يبدو وكأنه من صميم الحياة.
قم بإنشاء بيئة تجريبية. اختبر العملية بأكملها.
قائمة التحقق من التكامل
- عرض المنتجات المؤهلة وربط المتغيرات وسلوك سلة التسوق.
- اجعل التجربة متوافقة مع العلامة التجارية.
- تحقق من حالات الهاتف المحمول، وسطح المكتب، وإمكانية الوصول، والأداء، والأعطال.
- 03 · الإطلاق
تعلم من الاستخدام الفعلي.
قم بتفعيل المنتجات الجاهزة وقم بالقياس.
قائمة التحقق من الإطلاق
- تأكد من جاهزية المنتج وانشر التجربة المرحلية.
- مراقبة التبني والإكمال والتحويل.
- استخدم النتائج لتوجيه الفئة أو الرحلة التالية.
خط الأساس للأصول
المدخلات الجيدة تؤدي إلى نتائج أفضل.
- JPEG أو PNG
- الحد الأدنى 2000 × 2000 بكسل
- مطلوب عرض أمامي
- يُنصح بالمنظر الخلفي
- إضاءة محايدة ومتساوية
- رمز المنتج أو معرف النمط في اسم الملف
مرجع المطور
ابحث عن التالي
إجابة مفيدة.
ابدأ من هنا
ابدء
افهم إمكانية الوصول، والمنصات المدعومة، والقرارات الأولى التي يحتاج فريقك إلى اتخاذها.
مرجع رسمي التكامل المُدارShopify عملية الإعداد
قم بتثبيت التطبيق، واقبل الاتفاقيات، وقم بمزامنة الملابس، وقم بتخصيص الزر، ثم ابدأ البث المباشر.
مرجع رسمي مجموعة تطوير البرامج للويبواجهة برمجة التطبيقات
مراجعة التهيئة، وخيارات العرض، والتحجيم، والتخصيص، والواجهات المكتوبة.
مرجع رسمي واجهة برمجة تطبيقات الشركاءمرجع واجهة برمجة التطبيقات العامة
استكشف واجهة الخادم المعتمدة والمتاحة للشركاء المصادق عليهم.
إشارة إلى التباهي جودةأصول الملابس
قم بإعداد صور المنتج والبيانات الوصفية التي تنتقل بسلاسة خلال عملية الإدخال والمراجعة.
دليل SPREEAI إنتاجضمان الجودة والإطلاق
استخدم المتصفح المشترك، وقائمة التحقق الخاصة بالأداء، وإمكانية الوصول، والتشغيل المباشر.
دليل SPREEAI يدعماستكشاف الأخطاء وإصلاحها
حل المشكلات الأكثر شيوعًا المتعلقة بالمصادقة والأهلية والعرض والأداء.
دليل SPREEAI الوثائقأدلة التنفيذ
تصفح أدلة البدء السريع العامة، ومعايير الأصول، وقوائم التحقق من الإطلاق، وإرشادات استكشاف الأخطاء وإصلاحها.
الوثائق المفتوحةلا توجد موارد تطوير مطابقة. جرب "Shopify" أو "SDK" أو "assets" أو "QA".
بناء للإنتاج
التفاصيل التي تحمي
تجربة العميل.
حماية
حافظ على الأسرار على جانب الخادم، واستخدم البيئات الصادرة فقط، وقم بتدوير بيانات الاعتماد من خلال سير عمل الشريك.
خصوصية
اطلب صور العملاء بموافقة صريحة وقم بمواءمة معالجة البيانات مع خطة التكامل المعتمدة لديك.
أداء
قم بتحميل التجربة حيثما دعت الحاجة، واختبر الأجهزة الحقيقية، وراقب حالات تراجع صفحة المنتج.
إمكانية الوصول
حافظ على إمكانية الوصول عبر لوحة المفاتيح، وترتيب التركيز، والأسماء التي يمكن الوصول إليها، والمسار القابل للاستخدام عندما تكون التجربة غير متاحة.
أسئلة وأجوبة المطورين
أسئلة قبل
الالتزام الأول.
أي تكامل يجب أن نختار؟
استخدم تطبيق Shopify للحصول على أسرع مسار مُدار، وWeb SDK لوضع الويب المخصص أو بدون واجهة رسومية، وSDKs الأصلية لتجارب التطبيقات، ومرجع API المعتمد لسير العمل من جانب الخادم المتفق عليه أثناء الإعداد.
من أين تأتي الشهادات؟
يُصدر SPREEAI معرّف الشريك وبيانات الاعتماد المعتمدة أثناء عملية الإعداد. يستخدم SDK الخاص بالمتصفح معرّف العميل ومعرّف الشريك. لا تقم بتضمين سر العميل في كود الواجهة الأمامية.
هل يتطلب تطبيق Shopify مفاتيح API؟
يقوم مسار إعداد التطبيق الحالي Shopify بربط المتجر بعد الاتفاقيات المطلوبة وخطوة الاشتراك؛ ولا يتطلب التطبيق المُدار نسخ المفاتيح إلى شاشة الإعداد.
لماذا لا يظهر زر "تجربة الملابس"؟
تأكد من اكتمال معالجة الملابس، وتمكينها للتجربة، ومطابقتها للمنتج النشط أو المتغير، وأن كتلة التطبيق أو حاوية SDK موجودة في قالب المنتج.
ما هي الفعاليات المتاحة للعملاء؟
تغطي وظائف الاستدعاء الموثقة في حزمة تطوير البرامج (SDK) نقرات زر "تجربة المنتج" وتفاعلات "إضافة إلى السلة". قم بربطها بطبقة التحليلات الخاصة بك دون تضمين صور العملاء أو بيانات شخصية غير ضرورية.
هل تتوفر روابط الويب الخاصة بالخادم؟
لا تُعدّ روابط الويب التي تُرسل البيانات من الخادم جزءًا من وثائق SDK المنشورة حاليًا. يُرجى تحديد نطاق أي متطلبات لأحداث جانب الخادم مع فريق هندسة الشركاء قبل الاعتماد عليها.
من أين يحصل المطورون على المساعدة؟
استخدم مسار الدعم الفني المُقدّم أثناء عملية الإعداد أو عبر البريد الإلكتروني support@spreeai.comقم بتضمين معلومات عن البيئة، ومعرف المنتج، والمتصفح أو الجهاز، والطابع الزمني، ومسار إعادة إنتاج موجز - لا ترسل أبدًا معلومات سرية.
متى سيتوفر دعم شبكة شركاء أمازون؟
لا يزال دمج شبكة شركاء أمازون قيد التطوير. وقد تم وضع علامة "قريبًا" عليه عمدًا إلى حين تجهيز واجهة الإعداد والإنتاج للمطورين الخارجيين.
هل أنت مستعد للبناء؟