Rychlý start pro webové SDK

Než začnete

• A clientId vydané společností SPREEAI pro vaše schválené prostředí.
• Oděv, který dokončil příjem, patří k vašemu účtu a je k dispozici pro vyzkoušení.
• Stránka produktu, kterou můžete upravit, a kontejner s jedinečným HTML ID.

1. Nainstalujte

npm install @spreeai/web-sdk@3.0.0

Šablona stylů je součástí balení a musí být součástí vašeho balíčku.

2. Přidejte nádobu

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

3. Inicializujte a vykreslete

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() může vrátit null. Před vykreslením zkontrolujte výsledek a proveďte inicializaci jednou na stránku, nikoli pro každé tlačítko.

4. Zkontrolujte výsledek

1. Načtěte stránku produktu. Platný a dostupný oděv představuje zkušební tlačítko.
2. Otevřete šatnu a potvrďte zamýšlený oděv a barvu.
3. Zavřete a znovu otevřete. Ověřte si to na telefonu a na počítači.
4. Vyzkoušejte nedostupný oděv ve vašem testovacím prostředí. Potvrďte, že váš normální produkt a cesta k pokladně zůstává použitelná.

Kam dál