Ìṣọ̀kan SDK Wẹ́ẹ̀bù

Lò ó @spreeai/web-sdk fún ibi ìtajà wẹ́ẹ̀bù tí a ṣe tàbí tí kò ní orí.

Àwọn àpẹẹrẹ wọ̀nyí fojú sí àwọn tí a tẹ̀ jáde v3.0.0 àpò. Pe init() lẹ́ẹ̀kan kí o sì dáàbò bo àbájáde rẹ̀ tí kò ṣeé parẹ́. A ti yanjú alábàáṣepọ̀ láti clientId; maṣe kọja partnerId sí v3 init(). Awọn iṣọpọ v2 ti o wa tẹlẹ yẹ ki o tẹle itọsọna igbesoke osise ṣaaju iyipada awọn ẹya.

Fi sori ẹrọ

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

Fi ìwé SDK tí a kọ sílẹ̀ fún ẹ̀yà SDK tí a fi sori ẹ̀rọ náà kún un.

Ṣe ìbẹ̀rẹ̀ àti ṣe àfihàn

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() awọn ipadabọ null nígbà tí ìfọwọ́sowọ́pọ̀ bá kùnà. Ṣọ́ gbogbo ìpè ìpè.

Ìwọ̀n

v3.0.0 fi ìwọ̀n hàn nínú ìrírí ìdánwò náà, dípò kí ó jẹ́ ọ̀tọ̀. sdk.renderSizingButton() ọ̀nà. Fún aṣọ tí ó ní ìwọ̀n tí a fọwọ́ sí, mú kí ìṣàn náà ṣiṣẹ́ lórí bọ́tìnì ìdánwò náà:

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

Mu iwọn ṣiṣẹ nikan lẹhin ti data aṣọ ati iṣeto alabaṣepọ ba ti ṣetan.

Àwọn ìṣẹ̀lẹ̀

SDK gbogbogbòò ń ṣàkọsílẹ̀ ìpè padà sí ẹ̀gbẹ́ àwọn oníbàárà fún bọ́tìnì Try-On àti àwọn ìgbésẹ̀ àfikún-sí-ẹrù. So ìpè padà mọ́ àwọn ìpele ìṣàyẹ̀wò àti àwọn ìpele kẹ̀kẹ́ tí ó wà ní iwájú ilé ìtajà náà. Má ṣe fi àwòrán oníbàárà, ìwé ẹ̀rí, tàbí ìwífún ara ẹni tí kò pọndandan sínú àwọn ẹrù ìṣàyẹ̀wò.

Ìtọ́sọ́nà ìṣelọ́pọ́

Itọkasi osise

Yan èdè rẹ.