ওয়েব এসডিকে কুইকস্টার্ট

আপনি শুরু করার আগে

• A clientId আপনার অনুমোদিত পরিবেশের জন্য SPREEAI দ্বারা জারি করা হয়েছে।
• একটি পোশাক যা ইনজেশন সম্পূর্ণ করেছে, আপনার অ্যাকাউন্টের অন্তর্গত এবং চেষ্টা করার জন্য উপলব্ধ।
• একটি পণ্য পৃষ্ঠা যা আপনি সম্পাদনা করতে পারেন এবং একটি অনন্য HTML ID সহ একটি ধারক৷

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. আপনার পরীক্ষার পরিবেশে একটি অনুপলব্ধ পোশাক চেষ্টা করুন। আপনার স্বাভাবিক পণ্য নিশ্চিত করুন এবং চেকআউট পাথ ব্যবহারযোগ্য থাকে।

পরের দিকে কোথায় যেতে হবে