دليل البدء السريع لحزمة تطوير البرامج للويب

قبل أن تبدأ

• 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. جرب الملابس غير المتوفرة في بيئة الاختبار الخاصة بك. تأكد من أن منتجك العادي ومسار الدفع لا يزال قابلاً للاستخدام.

أين تذهب بعد ذلك