Configurazione Shopify
L'adattamento dimensionale inizia e funziona indipendentemente dal Virtual Try-On. Aggiungi il SPREEAI Trova la tua taglia blocca vicino al selettore delle dimensioni del prodotto, salva il tema e prova un prodotto abilitato. La disattivazione dell'adattamento in base alle dimensioni nasconde il pulsante e interrompe i consigli sulle taglie.
Configurazione Web SDK
enableSizingRecommendation richiede il flusso di consigli sulle taglie durante la prova. showSizes espositori forniti misure disponibili; showPrices visualizza il prezzo fornito. Tutti e tre sono impostati su false per impostazione predefinita. La sola visualizzazione delle etichette delle taglie non abilita un consiglio.
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",
availableSizes: ["XS", "S", "M", "L"],
price: "$89.00",
}],
enableSizingRecommendation: true,
showSizes: true,
showPrices: true,
defaultUnits: "metric",
});
}Dati e comportamento
- Fornisci le etichette delle taglie attualmente disponibili e visualizza il prezzo dal tuo negozio.
- Confermare che i dati relativi alla vestibilità e alle taglie richieste del prodotto siano supportati durante l'onboarding.
- Utilizzo
defaultUnitsper scegliere le misure metriche o imperiali nel profilo. - Tieni a disposizione la tabella delle taglie del marchio. Un'anteprima visiva o una raccomandazione non garantiscono l'idoneità fisica.
Dimensionamento autonomo
L'SDK v3.0.0 restituito espone renderTryOnButton(). Non espone un callable renderSizingButton(), anche se i tipi correlati al dimensionamento rimangono nel pacchetto. Utilizza il flusso incorporato supportato o il blocco Shopify.
Verifica del carrello
Su Shopify, Abilita Aggiungi al carrello inizia. Se abilitato, verifica che il prodotto corrente venga aggiunto nella taglia selezionata nel camerino. Sul Web personalizzato, convalida i dati di richiamata e associali al prodotto del tuo carrello e agli ID delle varianti.