Àwọn ìwé ìtọ́nisọ́nà

SDK 2.0 · Bẹrẹ Nibi

Ìbẹ̀rẹ̀ kíákíá SDK wẹ́ẹ̀bù

Ṣe bọtini igbiyanju-lori fun ọja kan ti o yẹ, lẹhinna kọ lati ipilẹ ti n ṣiṣẹ.

Ṣaaju ki o to bẹrẹ

  • A clientId ti a ṣe nipasẹ SPREEAI fun agbegbe ti a fọwọsi.
  • Aṣọ ti o ti pari jijẹ, jẹ ti akọọlẹ rẹ ati pe o wa fun igbiyanju-lori.
  • Oju-iwe ọja ti o le ṣatunkọ ati apoti kan pẹlu ID HTML alailẹgbẹ kan.

1. Fi sori ẹrọ

Ebute
npm install @spreeai/web-sdk@3.0.0

Iwe ara jẹ apakan ti package ati pe o gbọdọ wa ninu idii rẹ.

2. Fi eiyan kun

HTML
<div id="spreeai-try-on"></div>

3. Initialize ati jigbe

TypeScript
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() le pada null. Ṣayẹwo abajade ṣaaju ṣiṣe, ati bẹrẹ ni ẹẹkan fun oju-iwe ju fun bọtini kọọkan.

4. Ṣayẹwo abajade

  1. Kojọpọ oju-iwe ọja naa. Aṣọ to wulo, ti o wa n pese bọtini igbiyanju kan.
  2. Ṣii yara ti o yẹ ki o jẹrisi aṣọ ti a pinnu ati awọ.
  3. Pa ati tun ṣi i. Ṣayẹwo iriri lori foonu ati tabili tabili kan.
  4. Gbiyanju aṣọ ti ko si ni agbegbe idanwo rẹ. Jẹrisi ọja deede rẹ ati ọna isanwo wa ni lilo.

Ibi ti lati lọ tókàn

Awọn itọkasi orisun

Wa awọn akọle oju-iwe ati akoonu. Escape tilekun wiwa.

Yan èdè rẹ.