שילוב SDK אינטרנט

לְהִשְׁתַמֵשׁ @spreeai/web-sdk עבור חנות אינטרנט בהתאמה אישית או ללא כותרת.

דוגמאות אלה מכוונות לפרסום גרסה 3.0.0 חבילה. התקשרו init() פעם אחת ולשמור על התוצאה הניתנת לאפס. השותף נפתר מ clientId; אל תעברו partnerId לגרסה 3 init()יש לבצע אינטגרציות גרסה 2 קיימות לפי מדריך השדרוג הרשמי לפני שינוי גרסאות.

לְהַתְקִין

npm install @spreeai/web-sdk@3.0.0
# or
yarn add @spreeai/web-sdk@3.0.0

כלול את גיליון הסגנונות של ה-SDK המתועד עבור גרסת ה-SDK המותקנת.

אתחול ורינדור

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

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

if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{ garmentId: "your-garment-id" }],
    enableAddToCart: true,
  });
}

init() החזרות null כאשר האימות נכשל. יש לשמור על כל קריאות הרינדור.

גודל

גרסה 3.0.0 חושפת את הגודל בתוך חוויית הניסיון, במקום בחוויית ניסיון נפרדת. sdk.renderSizingButton() שיטה. עבור בגד עם נתוני מידה מאושרים, הפעל את התהליך הזה בכפתור המדידה:

await sdk?.renderTryOnButton({
  elementId: "spreeai-try-on",
  garments: [{ garmentId: "your-garment-id" }],
  enableSizingRecommendation: true,
});

הפעל את קביעת המידה רק לאחר שנתוני הבגד ותצורת השותף מוכנים.

אירועים

ערכת פיתוח התוכנה הציבורית (SDK) מתעדת קריאות חוזרות בצד הלקוח עבור כפתור "נסה" ופעולות "הוסף לעגלה". חבר קריאות חוזרות לשכבות האנליטיקה והעגלה הקיימות של החנות. אין למקם תמונות של לקוחות, אישורים או נתונים אישיים מיותרים במטענים של אנליטיקה.

הדרכת ייצור

• אתחול פעם אחת בכל עמוד.
• עיבוד עבור בגדים זכאים בלבד.
• להעביר מזהי קטלוג יציבים.
• הרחק סודות לקוח מקוד הדפדפן.
• בדיקת שינויי וריאנטים ומעברי מסלול ביישומים בני עמוד יחיד.
• שמור על מיקוד המקלדת ותווית נגישה עבור נקודת הכניסה.
• אימות מצבי טעינה, כשל ואי זמינות.
• ניטור ביצועי דף המוצר לפני ואחרי הפעלת האינטגרציה.

הפניה רשמית

• מָבוֹא
• ממשק API
• אינטגרציה של Shopify