Anzisha haraka SDK ya Wavuti

Kabla ya kuanza

• A clientId iliyotolewa na SPREEAI kwa mazingira yako yaliyoidhinishwa.
• Nguo ambayo imekamilika kumeza, ni ya akaunti yako na inapatikana kwa majaribio.
• Ukurasa wa bidhaa unaweza kuhariri na kontena iliyo na kitambulisho cha kipekee cha HTML.

1. Sakinisha

npm install @spreeai/web-sdk@3.0.0

Laha ya mtindo ni sehemu ya kifurushi na lazima ijumuishwe kwenye kifurushi chako.

2. Ongeza chombo

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

3. Anzisha na utoe

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() inaweza kurudi null. Angalia matokeo kabla ya kutoa, na uanzishe mara moja kwa kila ukurasa badala ya kila kitufe.

4. Angalia matokeo

1. Pakia ukurasa wa bidhaa. Vazi halali, linalopatikana linaonyesha kitufe cha kujaribu.
2. Fungua chumba cha kufaa na uthibitishe vazi na rangi iliyokusudiwa.
3. Funga na uifungue tena. Angalia matumizi kwenye simu na kompyuta ya mezani.
4. Jaribu vazi lisilopatikana katika mazingira yako ya majaribio. Thibitisha bidhaa yako ya kawaida na njia ya kulipa itasalia kutumika.

Mahali pa kwenda baadaye