SDK क्विक स्टार्ट#

अपने कैटलॉग में इसे रोल आउट करने से पहले, एक तैयार उत्पाद के साथ स्टोरफ्रंट में उत्पाद विज़ुअलाइज़ेशन एंट्री पॉइंट जोड़ें।

1. शॉप और उत्पाद तैयार करें#

डैशबोर्ड में अपनी शॉप चुनें। इसका Shop ID और Publishable Key प्राप्त करें। डैशबोर्ड → सेटिंग्स खोलें, अपने स्टोरफ्रंट ओरिजिन को Allowed Origins (CORS) में जोड़ें और सेव पर क्लिक करें। सुनिश्चित करें कि कम से कम एक उत्पाद विज़ुअलाइज़ेशन के लिए तैयार है। यदि आप अपने बैकएंड से इम्पोर्ट करते हैं, तो Product Import API का पालन करें और अंतिम जॉब परिणाम की जाँच करें।

2. प्लेटफ़ॉर्म गाइड चुनें#

Liquid थीम्स के लिए Shopify, WooCommerce स्टोरफ्रंट्स के लिए WooCommerce, या अपने साइट के लिए कस्टम स्टोरफ्रंट का उपयोग करें। और प्लेटफ़ॉर्म गाइड्स SDK अवलोकन पर सूचीबद्ध हैं।

3. SDK एक बार लोड करें#

कस्टम स्टोरफ्रंट के लिए, इस स्क्रिप्ट को होस्ट पेज में एक बार लोड करें। दोनों प्लेसहोल्डर को उसी शॉप के मानों से बदलें।

html

<script
  src="https://sdk.ideal.house/sdk.js"
  data-shop-id="YOUR_SHOP_ID"
  data-publishable-key="YOUR_PUBLISHABLE_KEY"
  async
></script>

4. एक मेल खाने वाला टार्गेट रेंडर करें#

अपने तैयार कैटलॉग से सटीक उत्पाद कोड का उपयोग करें। यह उदाहरण SDK से उत्पाद प्रमाणीकरण के बाद बटन बनाने का अनुरोध करता है।

html

<div data-idealhouse-button-container data-product-code="YOUR_PRODUCT_CODE"></div>

केवल एक टार्गेट यह साबित नहीं करता कि उत्पाद पात्र है। चयनित वेरिएंट, उत्पाद तैयारी और पहचानकर्ता मैपिंग की पुष्टि करें।

5. ग्राहक यात्रा का परीक्षण करें#

जाँच करें कि sdk.js सफलतापूर्वक लोड होता है, सही बटन दिखाई देता है और क्लिक करने पर निर्धारित उत्पाद के साथ Viewer खुलता है। वेरिएंट बदलें, किसी अन्य उत्पाद पर नेविगेट करें और मोबाइल पर दोहराएँ। प्रकाशन से पहले लॉन्च चेकलिस्ट पूरी करें।