Simu zinazotumika
| Piga simu tena | Wakati inawaka | Upakiaji muhimu |
|---|---|---|
onTryOnButtonClick | Bonyeza kitufe, kabla ya mazungumzo kufunguliwa. | name |
onAddToCartClicked | Wakati uzoefu unachapisha ujumbe wa kuongeza kwenye mkokoteni; wezesha programu ya kuongeza kwa mkokoteni kwanza. | name, garments, setIsLoading, closePopUp, onError |
Shughulikia ombi la gari
TypeScript
import { init } from "@spreeai/web-sdk";
import "@spreeai/web-sdk/dist/web-sdk.css";
const sdk = await init({ clientId: "YOUR_ISSUED_CLIENT_ID" });
if (sdk) {
await sdk.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "YOUR_READY_GARMENT_ID" }],
enableAddToCart: true,
events: {
onTryOnButtonClick: ({ name }) => {
// Forward this non-sensitive event to your analytics layer.
console.info(name);
},
onAddToCartClicked: async ({
garments, setIsLoading, closePopUp, onError,
}) => {
setIsLoading(true);
try {
// Implement this endpoint in YOUR storefront backend.
// Validate and map these garment IDs to your own cart variants.
const response = await fetch("/api/cart/from-spreeai", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ garments }),
});
if (!response.ok) throw new Error("Cart request failed");
closePopUp();
} catch {
onError("Could not add to bag. Please try again.");
} finally {
setIsLoading(false);
}
},
},
});
}Pima hatua sahihi
Kupiga simu kwa kubofya kitufe hupima nia ya kufungua jaribio; sio uthibitisho kwamba jaribio limekamilika au ununuzi ulifanyika. Tumia muunganisho wako wa uchanganuzi ulioidhinishwa kwa matokeo ya chini. Usivumbue simu za kukamilika au vijiti vya wavuti ambavyo havipo kwenye API iliyochapishwa.
Ukaguzi wa kukubalika
- Uendeshaji wa mkokoteni wenye mafanikio huongeza bidhaa iliyokusudiwa, lahaja na wingi.
- Ombi ambalo halijafaulu humfahamisha mnunuzi na kufuta hali ya upakiaji.
- Mibofyo maradufu haileti mabadiliko ya nakala yasiyotarajiwa katika kidhibiti chako mwenyewe.
- Takwimu zina metadata ya matukio pekee, bila picha za mteja, ishara au data ya kibinafsi isiyo ya lazima.