बाज़ार
डेवलपर्स के लिए SPREEAI
फिटिंग रूम बनाएं
हर स्क्रीन में।.
Shopify, वेब एसडीके या स्वीकृत एपीआई एकीकरण के साथ शुरुआत करें। यह हब आपकी टीम को पहले निर्णय से लेकर परीक्षण किए गए लॉन्च तक ले जाता है।.
- 04
- एकीकरण पथ
- v2.1
- वर्तमान वेब एसडीके
- 01
- लॉन्च चेकलिस्ट
अपना रास्ता चुनें
वहाँ से शुरू करें जहाँ आपका
कॉमर्स स्टैक जीवित है।.
अपने स्टोरफ़्रंट के अनुकूल सबसे तेज़ रास्ता चुनें। जैसे-जैसे आपका अनुभव बढ़ता है, आप किसी मैनेज्ड ऐप से कस्टम SDK या API इंटीग्रेशन पर जा सकते हैं।.
लाइवजल्द आ रहा है
सबसे तेज़ रास्ता
शॉपीफाई ऐप
इंस्टॉल करें, गारमेंट्स सिंक करें, कस्टमाइज़ करें और बिना किसी कस्टम बैकएंड के लॉन्च करें।.शॉपिफ़ स्टोरफ्रंट के लिए सर्वश्रेष्ठ ↗ v2.1.0कस्टम वेब
वेब एसडीके
नियंत्रण प्लेसमेंट, स्टाइलिंग, इवेंट्स, साइज़िंग और ऐड-टू-कार्ट व्यवहार।.जावास्क्रिप्ट + टाइपस्क्रिप्ट ↗ दस्तावेज़नेटिव मोबाइल
iOS SDK
एसप्रीएआई (SPREEAI) अनुभव को किसी मौजूदा आईओएस शॉपिंग जर्नी में शामिल करें।.iOS गाइड खोलें ↗ दस्तावेज़नेटिव मोबाइल
एंड्रॉइड एसडीके
नेटिव नियंत्रणों के साथ एंड्रॉइड उत्पाद अनुभव में ट्राई-ऑन को एकीकृत करें।.एंड्रॉइड गाइड खोलें ↗ पार्टनर एक्सेसकस्टम सिस्टम्स
सार्वजनिक एपीआई
सर्वर-साइड और कैटलॉग वर्कफ़्लो के लिए स्वीकृत एपीआई संदर्भ का उपयोग करें।.ओपन एपीआई संदर्भ ↗वेब एसडीके क्विकस्टार्ट
इंस्टॉल करने से लेकर
काम करने वाला बटन।.
एक बार प्रमाणित करें, फिर पेज पर कहीं भी ट्राई-ऑन या साइज़िंग रेंडर करें। ऑनबोर्डिंग के दौरान जारी किए गए टेस्ट क्रेडेंशियल्स का उपयोग करें और ब्राउज़र कोड में कभी भी क्लाइंट सीक्रेट न डालें।.
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मालिक · कैटलॉग टीम
साफ़ एसेट्स सबमिट करें
प्रति छवि एक परिधान, सामने का दृश्य आवश्यक, उच्च रिज़ॉल्यूशन, स्वच्छ प्रकाश व्यवस्था और SKU-संरेखित फ़ाइल नाम प्रदान करें।.
- 04मालिक · फ्रंट-एंड
स्टेगिंग में एकीकृत करें
केवल पात्र उत्पादों पर रेंडर करें, वेरिएंट और कार्ट व्यवहार को कनेक्ट करें, और एंट्री पॉइंट को ब्रांड से मिलाएँ।.
- 05मालिक · गुणवत्ता आश्वासन + ब्रांड
लॉन्च QA चलाएँ
मोबाइल और डेस्कटॉप, ब्राउज़र कवरेज, एक्सेसिबिलिटी, परफॉर्मेंस, विजुअल फिडेलिटी और फ़ेल्योर स्टेट्स का परीक्षण करें।.
- 06मालिक · वाणिज्य + एनालिटिक्स
सक्षम करें और मापें
तैयार उत्पादों को चालू करें, स्टेज किए गए अनुभव को प्रकाशित करें और उपयोग, पूर्णता और रूपांतरण की निगरानी करें।.
परिसंपत्ति बेसलाइन
अच्छा इनपुट बेहतर परिणाम देता है।.
- जेपीईजी (JPEG) या पीएनजी (PNG)
- न्यूनतम 2,000 × 2,000 पिक्सेल
- सामने का दृश्य आवश्यक है
- पीछे का दृश्य अनुशंसित
- तटस्थ, एकसमान प्रकाश
- फ़ाइल नाम में SKU या स्टाइल आईडी
डेवलपर संदर्भ
अगला खोजें
उपयोगी उत्तर।.
यहाँ से शुरू करें
शुरुआत करना
पहुँच, समर्थित प्लेटफ़ॉर्म और आपकी टीम को जो पहले निर्णय लेने हैं, उन्हें समझें।.
आधिकारिक संदर्भ ↗ प्रबंधित एकीकरणशॉपिफ़ी ऑनबोर्डिंग
ऐप इंस्टॉल करें, समझौतों को स्वीकार करें, गारमेंट्स सिंक करें, बटन को कस्टमाइज़ करें और लाइव जाएं।.
आधिकारिक संदर्भ ↗ वेब एसडीकेएपीआई सतह
आरंभ, रेंडर विकल्पों, साइज़िंग, कस्टमाइज़ेशन और टाइप्ड इंटरफ़ेस की समीक्षा करें।.
आधिकारिक संदर्भ ↗ पार्टनर एपीआईसार्वजनिक एपीआई संदर्भ
प्रमाणित भागीदारों के लिए उपलब्ध अनुमोदित सर्वर-साइड इंटरफ़ेस का अन्वेषण करें।.
स्वैगर संदर्भ ↗ गुणवत्तागार्मेंट एसेट्स
उत्पाद के चित्र और मेटाडेटा तैयार करें जो अंतर्ग्रहण और समीक्षा के माध्यम से आसानी से आगे बढ़ें।.
SPREEAI गाइड ↗ उत्पादनगुणवत्ता आश्वासन (QA) और लॉन्च
साझा किए गए ब्राउज़र, प्रदर्शन, एक्सेसिबिलिटी और गो-लाइव चेकलिस्ट का उपयोग करें।.
SPREEAI गाइड ↗ सहायतासमस्या निवारण
सबसे आम प्रमाणीकरण (ऑथेंटिकेशन), पात्रता, रेंडरिंग और प्रदर्शन संबंधी समस्याओं का समाधान करें।.
SPREEAI गाइड ↗ दस्तावेज़ीकरणकार्यान्वयन मार्गदर्शिकाएँ
सार्वजनिक त्वरित प्रारंभ, संपत्ति मानकों, लॉन्च चेकलिस्ट और समस्या निवारण मार्गदर्शन को ब्राउज़ करें।.
दस्तावेज़ खोलें ↗कोई मेल खाते डेवलपर संसाधन नहीं मिले। “Shopify,” “SDK,” “assets,” या “QA” आज़माएं।”
प्रोडक्शन के लिए बिल्ड करें
वे विवरण जो रक्षा करते हैं
ग्राहक अनुभव।.
सुरक्षा
गुप्त सूचनाओं (सीक्रेट्स) को सर्वर-साइड पर रखें, केवल जारी किए गए वातावरण का उपयोग करें और पार्टनर वर्कफ़्लो के माध्यम से क्रेडेंशियल्स को बदलते रहें।.
गोपनीयता
स्पष्ट सहमति के साथ ग्राहक की छवियों का अनुरोध करें और डेटा हैंडलिंग को अपनी स्वीकृत एकीकरण योजना के अनुरूप बनाएं।.
निष्पादन
अनुभव को वहाँ लोड करें जहाँ इसकी आवश्यकता है, वास्तविक उपकरणों का परीक्षण करें और उत्पाद-पृष्ठ प्रतिगमन की निगरानी करें।.
पहुँच
जब अनुभव अनुपलब्ध हो, तो कीबोर्ड एक्सेस, फोकस क्रम, सुलभ नाम और एक प्रयोग योग्य पथ सुरक्षित रखें।.
डेवलपर अक्सर पूछे जाने वाले प्रश्न
पहले के प्रश्न
पहला कमिट।.
हमें कौन सा इंटीग्रेशन चुनना चाहिए?
सबसे तेज़ प्रबंधित मार्ग के लिए Shopify ऐप का उपयोग करें, कस्टम या हेडलेस वेब प्लेसमेंट के लिए वेब SDK का, ऐप अनुभवों के लिए नेटिव SDKs का, और ऑनबोर्डing के दौरान सहमत सर्वर-साइड वर्कफ़्लो के लिए स्वीकृत API संदर्भ का उपयोग करें।.
क्रेडेंशियल्स (परिचय-पत्र) कहाँ से आते हैं?
SPREEAI ऑनबोर्डिंग के दौरान पार्टनर आईडी और स्वीकृत क्रेडेंशियल्स जारी करता है। ब्राउज़र एसडीके क्लाइंट आईडी और पार्टनर ID का उपयोग करता है। क्लाइंट सीक्रेट को कभी भी फ्रंट-एंड कोड में एम्बेड न करें।.
क्या शॅापिफ़ाई ऐप को एपीआई कुंजियों की आवश्यकता है?
वर्तमान शॉपीफाई ऐप ऑनबोर्डिंग फ़्लो आवश्यक समझौतों और सब्सक्रिप्शन चरण के बाद स्टोर को कनेक्ट करता है; प्रबंधित ऐप को सेटअप स्क्रीन में कुंजियों को कॉपी करने की आवश्यकता नहीं होती है।.
ट्राई-ऑन बटन क्यों नहीं दिखाई दे रहा है?
पुष्टि करें कि गारमेंट की प्रोसेसिंग पूरी हो गई है, ट्राई-ऑन के लिए सक्षम है, सक्रिय उत्पाद या वेरिएंट से मैप करता है, और यह कि उत्पाद टेम्पलेट पर ऐप ब्लॉक या एसडीके कंटेनर मौजूद है।.
कौन से क्लाइंट इवेंट्स उपलब्ध हैं?
दस्तावेज़ में दिए गए SDK कॉलबैक, ट्राई-ऑन बटन क्लिक और कार्ट में जोड़ने (ऐड-टू-कार्ट) की क्रियाओं को कवर करते हैं। ग्राहक की छवियों या अनावश्यक व्यक्तिगत डेटा को शामिल किए बिना इन्हें अपनी एनालिटिक्स लेयर से कनेक्ट करें।.
क्या सर्वर वेबहुक उपलब्ध हैं?
सर्वर-पुश वेबहुक वर्तमान में प्रकाशित एसडीके दस्तावेज़ीकरण का हिस्सा नहीं हैं। किसी भी सर्वर-साइड इवेंट आवश्यकता पर भरोसा करने से पहले पार्टनर इंजीनियरिंग के साथ उसके दायरे की पुष्टि कर लें।.
डेवलपर्स को मदद कहाँ मिलती है?
ऑनबोर्डिंग या ईमेल के दौरान प्रदान किए गए तकनीकी सहायता पथ का उपयोग करें support@spreeai.com. पर्यावरण, उत्पाद आईडी, ब्राउज़र या डिवाइस, टाइमस्टैम्प और एक संक्षिप्त रीप्रोडक्शन पथ शामिल करें—कभी भी गुप्त जानकारी न भेजें।.
Amazon पार्टनर नेटवर्क सपोर्ट कब उपलब्ध होगा?
अमेज़न पार्टनर नेटवर्क एकीकरण विकास के अधीन है। बाहरी डेवलपर्स के लिए ऑनबोर्डिंग और प्रोडक्शन इंटरफ़ेस तैयार होने तक इसे जानबूझकर 'कमिंग सून' के रूप में चिह्नित किया गया है।.
क्या आप बनाने के लिए तैयार हैं?