वेब एसडीके त्वरित आरंभ

शुरू करने से पहले

• A clientId आपके स्वीकृत वातावरण के लिए SPREEAI द्वारा जारी किया गया।
• एक परिधान जिसका उपयोग पूरा हो चुका है, वह आपके खाते से संबंधित है और आज़माने के लिए उपलब्ध है।
• एक उत्पाद पृष्ठ जिसे आप संपादित कर सकते हैं और एक अद्वितीय HTML आईडी वाला कंटेनर।

1. स्थापित करें

npm install @spreeai/web-sdk@3.0.0

स्टाइलशीट पैकेज का हिस्सा है और इसे आपके बंडल में शामिल किया जाना चाहिए।

2. एक कंटेनर जोड़ें

<div id="spreeai-try-on"></div>

3. आरंभ करें और प्रस्तुत करें

import { init } from "@spreeai/web-sdk";
import "@spreeai/web-sdk/dist/web-sdk.css";

// Add <div id="spreeai-try-on"></div> to your product page.
const sdk = await init({ clientId: "YOUR_ISSUED_CLIENT_ID" });

if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{ garmentId: "YOUR_READY_GARMENT_ID" }],
  });
} else {
  // Keep the normal product and purchase journey available.
  console.warn("SPREEAI could not initialize.");
}

init() लौट सकते हैं null. रेंडर करने से पहले परिणाम की जाँच करें, और प्रत्येक बटन के बजाय प्रति पृष्ठ एक बार आरंभ करें।

4. रिजल्ट जांचें

1. उत्पाद पृष्ठ लोड करें. एक वैध, उपलब्ध परिधान एक ट्राई-ऑन बटन प्रस्तुत करता है।
2. फिटिंग रूम खोलें और इच्छित परिधान और रंग की पुष्टि करें।
3. इसे बंद करें और पुनः खोलें. फ़ोन और डेस्कटॉप पर अनुभव की जाँच करें।
4. अपने परीक्षण परिवेश में अनुपलब्ध परिधान आज़माएँ। अपने सामान्य उत्पाद की पुष्टि करें और चेकआउट पथ प्रयोग योग्य बना रहे।

आगे कहाँ जाना है