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

האינטגרציה הראשונה שלך.

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

npm install @spreeai/web-sdk@3.0.0

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

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,
  });
}

// Pass events inside renderTryOnButton's options.
await sdk?.renderTryOnButton({
  elementId: "spreeai-try-on",
  garments: [{ garmentId: "your-garment-id" }],
  events: {
    onTryOnButtonClick: (event) => {
      console.info(event.name);
    },
    onAddToCartClicked: (event) => {
      // Connect event.garments to your storefront's cart.
    },
  },
});

מודל האינטגרציה

ארבע מערכות.
רגע של לקוח אחד.

01הקטלוג שלך

מזהי מוצרים, וריאציות, תמונות והקשר של מרצ'נדייז.

02בליעה SPREEAI

בגדים עוברים דרך מצבי עיבוד, סקירה ומוכנות.

03ערכת פיתוח תוכנה או API

החנות שלך מבקשת את חוויית המשתמש עבור מוצר זכאי.

04פעולת לקוח

מדדו, מצאו מידה, השלימו את המראה וחזרו לקופה.

דרך ממוקדת להשקה

התכוננו. התחברו.
לך לחיות עם ביטחון.

שלוש אבני דרך, עם רשימת בדיקה מעשית לכל אחת.

01 · הכנה
נקודת התחלה ברורה.
יישור קו בין המסע, הגישה והקטלוג.
רשימת בדיקה להכנה
- בחרו ערוץ אחד, קבוצת קטלוג ומדד הצלחה.
- אשר גישת שותף, אישורי כניסה והרשאות בימוי.
- ספקו תמונות ברורות של בגדים ומותאמות ל-SKU.
מוצר · הנדסה · קטלוג
02 · התחבר
תגרום לזה להרגיש מקומי.
בנו את השלבים (staging). בדקו את כל המסע.
רשימת בדיקה לאינטגרציה
- עיבוד עבור מוצרים זכאים וחיבור וריאנטים והתנהגות עגלה.
- התאימו את החוויה למותג.
- בדוק מצבי נייד, מחשב שולחני, נגישות, ביצועים וכשל.
חזית · אבטחת איכות · מותג
03 · השקה
למד משימוש אמיתי.
הפעלת מוצרים מוכנים ומדידה.
רשימת בדיקה להשקה
- אשר את מוכנות המוצר ופרסם את החוויה המדורגת.
- מעקב אחר אימוץ, השלמה והמרה.
- השתמשו בתוצאות כדי להנחות את הקטגוריה או המסע הבא.
מסחר · אנליטיקה

בסיס הנכסים

קלט טוב מוביל לתוצאה טובה יותר.

JPEG או PNG
מינימום 2,000 × 2,000 פיקסלים
נדרש מבט קדמי
מומלץ מבט לאחור
תאורה ניטרלית ואחידה
SKU או מזהה סגנון בשם הקובץ

פתח את רשימת הבדיקה לנכסים

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

מצא את הבא
תשובה שימושית.

/

התחל כאן

תחילת העבודה

להבין את הגישה, הפלטפורמות הנתמכות ואת ההחלטות הראשונות שהצוות שלך צריך לקבל.

הפניה רשמית אינטגרציה מנוהלת

Shopify קליטה

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

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

משטח API

סקירת אתחול, אפשרויות רינדור, גודל, התאמה אישית וממשקים מודפסים.

הפניה רשמית ממשק API של שותפים

הפניה ל-API ציבורי

חקור את ממשק צד השרת המאושר הזמין לשותפים מאומתים.

הפניה לסוואגר אֵיכוּת

נכסי ביגוד

הכינו תמונות ומטא-דאטה של מוצרים שעוברים בצורה חלקה בתהליך הקליטה והסקירה.

מדריך SPREEAI הֲפָקָה

אבטחת איכות והשקה

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

מדריך SPREEAI תְמִיכָה

פתרון בעיות

פתור את בעיות האימות, הזכאות, הרינדור והביצועים הנפוצות ביותר.

מדריך SPREEAI תיעוד

מדריכי יישום

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

פתח תיעוד

בנייה לייצור

הפרטים שמגנים
חוויית הלקוח.

בִּטָחוֹן

שמור סודות בצד השרת, השתמש רק בסביבות שהונפקו וסובב אישורים דרך זרימת העבודה של השותף.

פְּרָטִיוּת

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

ביצועים

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

נְגִישׁוּת

שמור על גישת מקלדת, סדר מיקוד, שמות נגישים ונתיב שמיש כאשר החוויה אינה זמינה.

שאלות נפוצות למפתחים

שאלות לפני
ההתחייבות הראשונה.

איזו אינטגרציה עלינו לבחור?

השתמש באפליקציית Shopify עבור הנתיב המנוהל המהיר ביותר, ב-Web SDK עבור מיקום אינטרנט מותאם אישית או ללא חיבור לרשת, בערכות ה-SDK המקוריות עבור חוויות אפליקציה, ובמקור ה-API המאושר עבור זרימות עבודה בצד השרת שסוכם במהלך הקליטה.

מאיפה מגיעות אישורים?

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

האם אפליקציית Shopify דורשת מפתחות API?

תהליך ההטמעה הנוכחי של האפליקציה Shopify מחבר את החנות לאחר ההסכמים הנדרשים ושלב המנוי; האפליקציה המנוהלת אינה דורשת העתקת מפתחות למסך ההגדרה.

למה כפתור הניסיון לא מופיע?

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

אילו אירועי לקוחות זמינים?

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

האם Webhooks זמינים לשרת?

Webhooks של דחיפה לשרת אינם חלק מתיעוד ה-SDK שפורסם כעת. יש לבדוק כל דרישת אירוע בצד השרת עם Partner Engineering לפני שתסתמך עליה.

היכן מפתחים מקבלים עזרה?

השתמשו בנתיב התמיכה הטכנית שסופק במהלך הקליטה או בדוא"ל support@spreeai.comכלול את הסביבה, מזהה המוצר, הדפדפן או המכשיר, חותמת הזמן ונתיב שכפול תמציתי - לעולם אל תשלח סודות.

מתי תהיה זמינה תמיכה ברשת השותפים של אמזון?

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

מוכנים לבנות?

בחר את הנתיב.
נעזור לך לשלוח את זה.

הזמן גילוי טכני עיין בכל המסמכים סביבת עבודה פתוחה לשותפים

בנה את חדר ההלבשהלתוך כל מסך.

התחל במקום שבו אתהחיי ערימת מסחר.

אפליקציה Shopify

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

ערכת פיתוח תוכנה ל-iOS

ערכת פיתוח תוכנה לאנדרואיד

ממשקי API ציבוריים

רשת השותפים של אמזון

האינטגרציה הראשונה שלך.

ארבע מערכות.רגע של לקוח אחד.

התכוננו. התחברו.לך לחיות עם ביטחון.

נקודת התחלה ברורה.

תגרום לזה להרגיש מקומי.

למד משימוש אמיתי.