Ταχύτερη διαδρομή
SPREEAI για προγραμματιστές
Κατασκευάστε το δοκιμαστήριο
σε κάθε οθόνη.
Συνδέστε τον κατάλογό σας. Διαμορφώστε το ταξίδι του πελάτη. Φέρτε το Always On στο κατάστημά σας με τη διαδρομή ενσωμάτωσης που ταιριάζει στην ομάδα σας.
Επιλέξτε την πορεία σας
Ξεκινήστε από εκεί που σας
ζωές στοίβας εμπορίου.
Χρησιμοποιήστε το Shopify για μια διαχειριζόμενη ρύθμιση ή ενσωματώστε το με τα SDK και τα API μας. Επιλέξτε τις λειτουργίες που χρειάζεται η επιχείρησή σας και διατηρήστε το ταξίδι αγορών της επωνυμίας σας.
Προσαρμοσμένος ιστός
SDK ιστού
Ελέγξτε την τοποθέτηση, το στυλ, τα συμβάντα, το μέγεθος και τη συμπεριφορά προσθήκης στο καλάθι αγορών.JavaScript + TypeScript ΈγγραφαΕγγενές κινητό
iOS SDK
Φέρτε την εμπειρία SPREEAI σε μια υπάρχουσα διαδρομή αγορών iOS.Άνοιγμα οδηγού iOS ΈγγραφαΕγγενές κινητό
SDK Android
Ενσωματώστε τη δοκιμή σε μια εμπειρία προϊόντος Android με εγγενή στοιχεία ελέγχου.Άνοιγμα οδηγού Android Πρόσβαση συνεργάτηΠροσαρμοσμένα συστήματα
Δημόσια API
Χρησιμοποιήστε την εγκεκριμένη αναφορά API για ροές εργασίας από την πλευρά του διακομιστή και του καταλόγου.Άνοιγμα αναφοράς APIΑγορά
Δίκτυο Συνεργατών Amazon
Σύντομα διαθέσιμο στο Δίκτυο Συνεργατών Amazon και σε άλλες πλατφόρμες, με περισσότερους τρόπους ενσωμάτωσης του SPREEAI στο εμπορικό σας stack.Οι ενημερώσεις θα εμφανίζονται πρώτα εδώΓρήγορη εκκίνηση Web SDK
Η πρώτη σας ενσωμάτωση.
Πραγματοποιήστε έλεγχο ταυτότητας μία φορά και, στη συνέχεια, εκτελέστε δοκιμή ή προσαρμογή μεγέθους οπουδήποτε στη σελίδα. Χρησιμοποιήστε τα διαπιστευτήρια δοκιμής που εκδόθηκαν κατά την ενσωμάτωση και μην τοποθετείτε ποτέ μυστικό στοιχείο πελάτη στον κώδικα του προγράμματος περιήγησης.
npm install @spreeai/web-sdk@3.0.0
# or
yarn add @spreeai/web-sdk@3.0.0import { init } from "@spreeai/web-sdk";
import "@spreeai/web-sdk/dist/web-sdk.css";
// Add <div id="spreeai-try-on"></div> to the product page first.
const sdk = await init({ clientId: "your-client-id" });
if (sdk) {
await sdk.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
enableAddToCart: true,
});
}// Pass events inside renderTryOnButton's options.
await sdk?.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
events: {
onTryOnButtonClick: (event) => {
console.info(event.name);
},
onAddToCartClicked: (event) => {
// Connect event.garments to your storefront's cart.
},
},
});Το μοντέλο ολοκλήρωσης
Τέσσερα συστήματα.
Μία στιγμή πελάτη.
Αναγνωριστικά προϊόντων, παραλλαγές, εικόνες και περιβάλλον εμπορίας.
Τα ενδύματα περνούν από στάδια επεξεργασίας, αξιολόγησης και ετοιμότητας.
Το κατάστημά σας ζητά την εμπειρία για ένα κατάλληλο προϊόν.
Δοκιμάστε το, βρείτε ένα μέγεθος, ολοκληρώστε την εμφάνιση και επιστρέψτε στο ταμείο.
Μια στοχευμένη πορεία για την έναρξη
Προετοιμασία. Σύνδεση.
Ζήσε με αυτοπεποίθηση.
Τρία ορόσημα, με μια πρακτική λίστα ελέγχου για το καθένα.
- 01 · Προετοιμασία
Ένα σαφές σημείο εκκίνησης.
Ευθυγραμμίστε το ταξίδι, την πρόσβαση και τον κατάλογο.
Λίστα ελέγχου προετοιμασίας
- Επιλέξτε ένα κανάλι, μια ομάδα καταλόγου και ένα μέτρο επιτυχίας.
- Επιβεβαιώστε την πρόσβαση συνεργάτη, τα διαπιστευτήρια και τα δικαιώματα προετοιμασίας.
- Παρέχετε καθαρές εικόνες ενδυμάτων ευθυγραμμισμένες με τον κωδικό προϊόντος.
- 02 · Σύνδεση
Κάντε το να μοιάζει με ντόπιο.
Ενσωματώστε τη σταδιοποίηση. Δοκιμάστε ολόκληρο το ταξίδι.
Λίστα ελέγχου ενσωμάτωσης
- Απόδοση για επιλέξιμα προϊόντα και παραλλαγές σύνδεσης και συμπεριφορά καλαθιού αγορών.
- Συνδυάστε την εμπειρία με την επωνυμία.
- Ελέγξτε τις καταστάσεις για κινητά, υπολογιστές, προσβασιμότητα, απόδοση και σφάλματα.
- 03 · Εκκίνηση
Μάθετε από την πραγματική χρήση.
Ενεργοποιήστε τα έτοιμα προϊόντα και μετρήστε.
Λίστα ελέγχου εκκίνησης για εκκίνηση
- Επιβεβαιώστε την ετοιμότητα του προϊόντος και δημοσιεύστε την σταδιακή εμπειρία.
- Παρακολούθηση της υιοθέτησης, της ολοκλήρωσης και της μετατροπής.
- Χρησιμοποιήστε τα αποτελέσματα για να καθοδηγήσετε την επόμενη κατηγορία ή διαδρομή.
Βασική τιμή περιουσιακού στοιχείου
Η καλή συμβολή φέρνει καλύτερο αποτέλεσμα.
- JPEG ή PNG
- Ελάχιστο 2.000 × 2.000 px
- Απαιτείται μπροστινή όψη
- Συνιστάται η πίσω όψη
- Ουδέτερος, ομοιόμορφος φωτισμός
- SKU ή αναγνωριστικό στυλ στο όνομα αρχείου
Αναφορά προγραμματιστή
Βρείτε το επόμενο
χρήσιμη απάντηση.
Ξεκινήστε εδώ
Ξεκινώντας
Κατανοήστε την πρόσβαση, τις υποστηριζόμενες πλατφόρμες και τις πρώτες αποφάσεις που πρέπει να λάβει η ομάδα σας.
Επίσημη αναφορά Διαχειριζόμενη ενσωμάτωσηShopify ενσωμάτωση
Εγκαταστήστε την εφαρμογή, αποδεχτείτε συμφωνίες, συγχρονίστε τα ρούχα, προσαρμόστε το κουμπί και δημοσιευτείτε.
Επίσημη αναφορά SDK ιστούΕπιφάνεια API
Εξετάστε την αρχικοποίηση, τις επιλογές απόδοσης, το μέγεθος, την προσαρμογή και τις πληκτρολογημένες διεπαφές.
Επίσημη αναφορά API συνεργατώνΔημόσια αναφορά API
Εξερευνήστε την εγκεκριμένη διεπαφή διακομιστή που είναι διαθέσιμη σε συνεργάτες με έλεγχο ταυτότητας.
Αναφορά Swagger ΠοιότηταΠεριουσιακά στοιχεία ένδυσης
Προετοιμάστε εικόνες και μεταδεδομένα προϊόντων που περνούν ομαλά μέσω της απορρόφησης και της αξιολόγησης.
Οδηγός SPREEAI ΠαραγωγήΕρώτηση Ποιότητας & Εκκίνηση
Χρησιμοποιήστε το κοινόχρηστο πρόγραμμα περιήγησης, την απόδοση, την προσβασιμότητα και τη λίστα ελέγχου έναρξης λειτουργίας.
Οδηγός SPREEAI ΥποστήριξηΑντιμετώπιση προβλημάτων
Επιλύστε τα πιο συνηθισμένα προβλήματα ελέγχου ταυτότητας, καταλληλότητας, απόδοσης και απόδοσης.
Οδηγός SPREEAI Απόδειξη με έγγραφαΟδηγοί υλοποίησης
Περιηγηθείτε σε δημόσιες γρήγορες εκκινήσεις, πρότυπα πόρων, λίστες ελέγχου εκκίνησης και οδηγίες αντιμετώπισης προβλημάτων.
Άνοιγμα τεκμηρίωσηςΔεν υπάρχουν αντίστοιχοι πόροι προγραμματιστή. Δοκιμάστε "Shopify", "SDK", "assets" ή "QA".
Κατασκευή για παραγωγή
Οι λεπτομέρειες που προστατεύουν
η εμπειρία του πελάτη.
Ασφάλεια
Διατηρήστε μυστικά στην πλευρά του διακομιστή, χρησιμοποιήστε μόνο εκδιδόμενα περιβάλλοντα και εναλλάξτε τα διαπιστευτήρια μέσω της ροής εργασίας συνεργατών.
Μυστικότητα
Ζητήστε εικόνες πελατών με σαφή συγκατάθεση και ευθυγραμμίστε τον χειρισμό δεδομένων με το εγκεκριμένο σχέδιο ενοποίησης.
Εκτέλεση
Φορτώστε την εμπειρία όπου χρειάζεται, δοκιμάστε πραγματικές συσκευές και παρακολουθήστε τις παλινδρομήσεις στις σελίδες προϊόντων.
Προσιτότητα
Διατηρήστε την πρόσβαση στο πληκτρολόγιο, τη σειρά εστίασης, τα προσβάσιμα ονόματα και μια χρησιμοποιήσιμη διαδρομή όταν η εμπειρία δεν είναι διαθέσιμη.
Συχνές ερωτήσεις για προγραμματιστές
Ερωτήσεις πριν
η πρώτη δέσμευση.
Ποια ενσωμάτωση πρέπει να επιλέξουμε;
Χρησιμοποιήστε την εφαρμογή Shopify για την ταχύτερη διαχειριζόμενη διαδρομή, το Web SDK για προσαρμοσμένη ή headless τοποθέτηση ιστού, τα εγγενή SDK για εμπειρίες εφαρμογής και την εγκεκριμένη αναφορά API για ροές εργασίας από την πλευρά του διακομιστή που συμφωνήθηκαν κατά την ενσωμάτωση.
Από πού προέρχονται τα διαπιστευτήρια;
Το SPREEAI εκδίδει το αναγνωριστικό συνεργάτη και τα εγκεκριμένα διαπιστευτήρια κατά την ενσωμάτωση. Το SDK του προγράμματος περιήγησης χρησιμοποιεί ένα αναγνωριστικό πελάτη και ένα αναγνωριστικό συνεργάτη. Μην ενσωματώνετε ποτέ μυστικό κωδικό πελάτη στον κώδικα front-end.
Απαιτεί η εφαρμογή Shopify κλειδιά API;
Η τρέχουσα ροή ενσωμάτωσης εφαρμογής Shopify συνδέει το κατάστημα μετά τις απαιτούμενες συμφωνίες και το βήμα συνδρομής. Η διαχειριζόμενη εφαρμογή δεν απαιτεί αντιγραφή κλειδιών στην οθόνη εγκατάστασης.
Γιατί δεν εμφανίζεται το κουμπί δοκιμής;
Επιβεβαιώστε ότι η επεξεργασία του ενδύματος έχει ολοκληρωθεί, είναι ενεργοποιημένη για δοκιμή, αντιστοιχεί στο ενεργό προϊόν ή παραλλαγή και ότι το μπλοκ εφαρμογής ή το κοντέινερ SDK υπάρχει στο πρότυπο προϊόντος.
Ποιες εκδηλώσεις πελατών είναι διαθέσιμες;
Οι τεκμηριωμένες επανακλήσεις SDK καλύπτουν τα κλικ στο κουμπί δοκιμής και τις αλληλεπιδράσεις προσθήκης στο καλάθι. Συνδέστε τα με το επίπεδο αναλυτικών στοιχείων σας χωρίς να συμπεριλάβετε εικόνες πελατών ή περιττά προσωπικά δεδομένα.
Είναι διαθέσιμα τα webhooks διακομιστή;
Τα webhooks που ωθούν τον διακομιστή δεν αποτελούν μέρος της τρέχουσας δημοσιευμένης τεκμηρίωσης του SDK. Ελέγξτε το πεδίο εφαρμογής οποιασδήποτε απαίτησης συμβάντος από την πλευρά του διακομιστή με το Partner Engineering προτού βασιστείτε σε αυτήν.
Πού μπορούν να βρουν βοήθεια οι προγραμματιστές;
Χρησιμοποιήστε τη διαδρομή τεχνικής υποστήριξης που παρέχεται κατά την ενσωμάτωση ή μέσω email support@spreeai.comΣυμπεριλάβετε το περιβάλλον, το αναγνωριστικό προϊόντος, το πρόγραμμα περιήγησης ή τη συσκευή, τη χρονική σήμανση και μια συνοπτική διαδρομή αναπαραγωγής—μην στέλνετε ποτέ μυστικά.
Πότε θα είναι διαθέσιμη η υποστήριξη του Amazon Partner Network;
Η ενσωμάτωση του Δικτύου Συνεργατών Amazon βρίσκεται σε εξέλιξη. Έχει σκόπιμα επισημανθεί ως "Σύντομα διαθέσιμο" μέχρι να είναι έτοιμη η διεπαφή ενσωμάτωσης και παραγωγής για εξωτερικούς προγραμματιστές.
Έτοιμοι για κατασκευή;