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