התחלה מהירה של ערכת פיתוח תוכנה לאינטרנט

לפני שמתחילים

• 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. נסה בגד לא זמין בסביבת הבדיקה שלך. ודא שהמוצר הרגיל שלך ונתיב התשלום נשארים שמיש.

לאן ללכת הלאה