Γρήγορη εκκίνηση Web SDK

Πριν ξεκινήσετε

• A clientId που εκδόθηκε από την SPREEAI για το εγκεκριμένο περιβάλλον σας.
• Ένα ρούχο που έχει ολοκληρωθεί η απορρόφηση, ανήκει στον λογαριασμό σας και είναι διαθέσιμο για δοκιμή.
• Μια σελίδα προϊόντος που μπορείτε να επεξεργαστείτε και ένα κοντέινερ με μοναδικό αναγνωριστικό HTML.

1. Εγκαταστήστε

npm install @spreeai/web-sdk@3.0.0

Το φύλλο στυλ είναι μέρος του πακέτου και πρέπει να περιλαμβάνεται στο πακέτο σας.

2. Προσθέστε ένα δοχείο

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

3. Αρχικοποίηση και απόδοση

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() μπορεί να επιστρέψει null. Ελέγξτε το αποτέλεσμα πριν από την απόδοση και αρχικοποιήστε μία φορά ανά σελίδα και όχι για κάθε κουμπί.

4. Ελέγξτε το αποτέλεσμα

1. Φορτώστε τη σελίδα του προϊόντος. Ένα έγκυρο, διαθέσιμο ρούχο δίνει ένα κουμπί δοκιμής.
2. Ανοίξτε το γυμναστήριο και επιβεβαιώστε το ένδυμα και το χρώμα που θέλετε.
3. Κλείστε και ανοίξτε το ξανά. Ελέγξτε την εμπειρία σε τηλέφωνο και επιτραπέζιο υπολογιστή.
4. Δοκιμάστε ένα μη διαθέσιμο ρούχο στο περιβάλλον δοκιμής σας. Επιβεβαιώστε ότι το κανονικό προϊόν σας και η διαδρομή ολοκλήρωσης αγοράς παραμένει χρησιμοποιήσιμη.

Πού να πάτε μετά