Μάθετε περισσότερα

Ενσωμάτωση ηλεκτρονικού εμπορίου - από το σχέδιο στην παραγγελία

Ενσωματώστε το Alter Product στον ιστότοπό σας: WordPress + WooCommerce ή API

Προσθέστε παρουσίαση 3D, επιλογή παραλλαγών και εξατομίκευση προϊόντων στον ιστότοπό σας. Ο πελάτης βλέπει το προϊόν, επιλέγει επιλογές και ετοιμάζει το σχέδιο στο κατάστημά σας, ενώ εσείς διαχειρίζεστε τον κατάλογο και τις παραγγελίες στο σύστημά σας.

Επιλέξτε το πρόσθετο για WordPress με εγκατεστημένο WooCommerce για να ολοκληρώσετε τη ρύθμιση χωρίς να γράψετε κώδικα διασύνδεσης. Αν αναπτύσσετε δικό σας ιστότοπο ή κατάστημα, συνδέστε τα ενσωματωμένα εργαλεία με το backend και το καλάθι μέσω του Public API και συμβάντων postMessage.

Οι εικόνες δείχνουν το πραγματικό περιβάλλον από καταγραφές και τον πίνακα του πρόσθετου. Τα ονόματα κουμπιών στα στιγμιότυπα είναι στα αγγλικά· η εμφάνιση του εργαλείου εξαρτάται από τη ρύθμιση του καταστήματος.

Αναζητάτε αναλυτικές οδηγίες εγκατάστασης του πρόσθετου;Ανοίξτε την τεκμηρίωση WordPress + WooCommerce: απαιτήσεις, μόνιμοι σύνδεσμοι, Auto Connect και αντιμετώπιση προβλημάτων.

Δύο τρόποι για να αποκτήσετε κατάστημα με εξατομίκευση

Μπορείτε να προετοιμάσετε το ίδιο σχέδιο προϊόντος για παρουσίαση, διαμόρφωση ή επεξεργασία εκτύπωσης. Επιλέξτε τον τρόπο σύνδεσης με το κατάστημα ανάλογα με τον ιστότοπό σας και τις απαιτούμενες εργασίες ανάπτυξης.

Πρόσθετο ή δική σας διασύνδεση;

Το πρόσθετο παρέχει έτοιμη υποστήριξη για WordPress και WooCommerce. Το API επιτρέπει να δημιουργήσετε δική σας σύνδεση με άλλη πλατφόρμα, εφαρμογή headless ή υπάρχον σύστημα παραγγελιών.

Τι παρέχει η διασύνδεση και τι προετοιμάζετε εσείς
ΤομέαςWordPress + WooCommerceΔικό σας σύστημα μέσω API
Αρχική ρύθμισηΕγκατάσταση πρόσθετου και οδηγός σύνδεσης στον πίνακα WordPress.Υλοποίηση της σύνδεσης στο backend και της ενσωμάτωσης στον ιστότοπο.
Προϊόντα και παραλλαγέςΑντιστοίχιση σχεδίου σε προϊόν WooCommerce και συγχρονισμός παραλλαγών.Σύνδεση αναγνωριστικών προϊόντων και επιλογών με τα δεδομένα του καταστήματός σας.
Καλάθι και παραγγελίεςΈτοιμη διαχείριση διαμορφώσεων, σχεδίων πελατών και προεπισκοπήσεων στο WooCommerce.Διαχείριση συμβάντων του ενσωματωμένου εργαλείου και συγχρονισμού παραγγελιών στο σύστημά σας.
Αρχεία και πόροιΤοπική βιβλιοθήκη, σχέδια και αρχεία παραγγελιών στον διακομιστή WordPress.Αποθήκευση και πρόσβαση στα δεδομένα σύμφωνα με τον επιλεγμένο τρόπο διασύνδεσης. Η επιλογή με δικό σας χώρο αποθήκευσης απαιτεί αντίστοιχη υλοποίηση από εσάς.

Ποιο εργαλείο να διαθέσετε στον πελάτη;

Επιλέξτε εργαλείο ανάλογα με αυτό που θέλετε να κάνει ο πελάτης στη σελίδα. Προετοιμάζετε το σχέδιο και τους κανόνες εξατομίκευσης εκ των προτέρων στο Designer.

Viewer: δείτε το προϊόν

Παρουσίαση του μοντέλου 3D και της εμφάνισής του. Χρήσιμο όταν προέχει η προβολή του προϊόντος από διαφορετικές πλευρές χωρίς δυνατότητα επεξεργασίας της εκτύπωσης.

Configurator: επιλέξτε παραλλαγή

Επιλογή προκαθορισμένων επιλογών προϊόντος, όπως μέγεθος, χρώμα ή υλικό. Ο πελάτης βλέπει την αλλαγή στο μοντέλο και μεταφέρει τη διαμόρφωση στο καλάθι.

Customizer: ετοιμάστε τη δική σας εκτύπωση

Εξατομίκευση με τα διαθέσιμα εργαλεία, γραφικά, κείμενα και πρότυπα. Το αποθηκευμένο σχέδιο του πελάτη συνδέεται με ένα στοιχείο καλαθιού ή παραγγελίας.

Designer: ετοιμάστε τον κατάλογό σας

Χώρος εργασίας του ιδιοκτήτη του καταστήματος. Εδώ προετοιμάζετε τη σύνθεση, τις παραλλαγές, τις περιοχές εκτύπωσης και τις ρυθμίσεις των εργαλείων για τους πελάτες. Η πρόσβαση στη διαχειριστική επεξεργασία είναι ξεχωριστή από τη χρήση του καταστήματος.

WordPress + WooCommerce: από την εγκατάσταση στο έτοιμο προϊόν

Το Alter Product είναι πρόσθετο για WordPress. Για τη διασύνδεση καταστήματος απαιτεί εγκατεστημένο και ενεργό WooCommerce. Η συνήθης ρύθμιση γίνεται στον πίνακα, χωρίς δική σας υλοποίηση API και καλαθιού.

Απαιτήσεις: WordPress, WooCommerce, HTTPS και πρόγραμμα Business

Για να ενσωματώσετε το Alter Product στον ιστότοπό σας, χρειάζεστε ενεργή συνδρομή Business ή ανώτερο πρόγραμμα που περιλαμβάνει αυτή τη δυνατότητα. Αυτό ισχύει τόσο για το πρόσθετο WordPress + WooCommerce όσο και για δική σας διασύνδεση μέσω API. Τα προγράμματα Personal FREE και Personal δεν περιλαμβάνουν ενσωμάτωση στο κατάστημά σας.

Για τη διαδρομή με πρόσθετο, προετοιμάστε WordPress με εγκατεστημένο και ενεργό WooCommerce και έναν λογαριασμό Alter Product. Η αποθήκευση αρχείων στη δική σας φιλοξενία δεν αντικαθιστά την απαιτούμενη συνδρομή: το Alter Product συνεχίζει να παρέχει την εφαρμογή και να εξουσιοδοτεί την εκκίνησή της.

  • Λειτουργήστε το κατάστημα μέσω HTTPS με έγκυρο πιστοποιητικό SSL/TLS για τον τομέα του. Αυτό απαιτείται για τη σωστή λειτουργία των ενσωματωμένων εργαλείων στον δημόσιο ιστότοπο.
  • Ενεργοποιήστε φιλικούς μόνιμους συνδέσμους WordPress σύμφωνα με τις οδηγίες εγκατάστασης.
  • Εξασφαλίστε χώρο φιλοξενίας για μοντέλα, γραφικά, σχέδια και αρχεία παραγγελιών. Η βιβλιοθήκη του καταστήματος χρησιμοποιεί τους πόρους του διακομιστή σας.

Γιατί χρειάζονται HTTPS και πιστοποιητικό SSL/TLS;

Το Alter Product λειτουργεί στη σελίδα του καταστήματος μέσα σε iframe. Τα προγράμματα περιήγησης περιορίζουν ορισμένες λειτουργίες της εφαρμογής όταν η σελίδα δεν παρέχει ασφαλές περιβάλλον. Το HTTPS κρυπτογραφεί τη σύνδεση και ένα έγκυρο πιστοποιητικό επιτρέπει την επαλήθευση του τομέα.

Το πρόγραμμα περιήγησης ελέγχει και τη σελίδα που περιέχει το iframe. Επομένως, η διεύθυνση HTTPS της εφαρμογής Alter Product δεν αρκεί όταν το κατάστημα λειτουργεί μέσω HTTP. Το HTTPS πρέπει να καλύπτει και τον ιστότοπό σας, όπου ενσωματώνετε το εργαλείο. Αυτό προκύπτει από τους κανόνες ασφαλείας των προγραμμάτων περιήγησης για ενσωματωμένες εφαρμογές.

  1. Ενεργοποιήστε πιστοποιητικό SSL/TLS στον πάροχο φιλοξενίας σας και ελέγξτε ότι ισχύει για τον τομέα του καταστήματος.
  2. Ορίστε τις διευθύνσεις WordPress και τον τομέα διασύνδεσης σε HTTPS. Ενεργοποιήστε ανακατεύθυνση από HTTP σε HTTPS.
  3. Ανοίξτε τη σελίδα προϊόντος μέσω HTTPS και ελέγξτε αν το πρόγραμμα περιήγησης αναφέρει προβλήματα πιστοποιητικού ή πόρων που φορτώνονται μέσω HTTP.

Συνδέστε το κατάστημα μέσω Auto Connect

Η αυτόματη σύνδεση σας καθοδηγεί στην εξουσιοδότηση του λογαριασμού Alter Product και στη ρύθμιση του καταστήματος. Δεν χρειάζεται χειροκίνητη μεταφορά κλειδιών API σε αυτή τη διαδικασία.

  1. Στο WordPress μεταβείτε στα Πρόσθετα → Προσθήκη νέου, αναζητήστε Alter Product, εγκαταστήστε και ενεργοποιήστε το πρόσθετο.
  2. Ανοίξτε τον πίνακα Alter Product και επιλέξτε Auto Connect. Συνδεθείτε στον σωστό λογαριασμό Alter Product, ελέγξτε το κατάστημα και εγκρίνετε τη σύνδεση.
  3. Επιστρέψτε στο WordPress. Επιλέξτε αρχικό μοντέλο και κατεβάστε τους απαιτούμενους πόρους. Περιμένετε να ολοκληρωθούν οι λήψεις και οι έλεγχοι ετοιμότητας.
  4. Ελέγξτε τις σελίδες εργαλείων που δημιουργήθηκαν και τις ρυθμίσεις προβολής και συνεχίστε με την προετοιμασία του προϊόντος.
Οθόνη Connect Alter Product στον πίνακα WordPress με το κουμπί Auto connect
Η σύνδεση λογαριασμού ξεκινά στον πίνακα WordPress. Το στιγμιότυπο της παρουσίασης διασύνδεσης δείχνει την επιλογή αυτόματης σύνδεσης.

Αντιστοιχίστε το σχέδιο και συγχρονίστε τις παραλλαγές

Στην επεξεργασία προϊόντος WooCommerce ανοίξτε την καρτέλα Alter Product. Δημιουργήστε νέο σχέδιο ή επιλέξτε υπάρχον και ανοίξτε το Designer. Ρυθμίστε την εκτύπωση, τις διαθέσιμες επιλογές και τις περιοχές εκτύπωσης του προϊόντος.

  1. Για προϊόν με παραλλαγές, προετοιμάστε χαρακτηριστικά, όπως μεγέθη, και τις αντίστοιχες παραλλαγές WooCommerce.
  2. Στο Designer χρησιμοποιήστε το Sync variants για να αντιστοιχίσετε τις επιλογές σχεδίου στις παραλλαγές προϊόντος. Ελέγξτε και τις προεπιλογές που δεν είναι χαρακτηριστικά παραλλαγών στο WooCommerce.
  3. Αποθηκεύστε το σχέδιο και το προϊόν. Επιλέξτε το εργαλείο που εμφανίζεται στη σελίδα και τον τρόπο ανοίγματός του.
  4. Ελέγξτε το αποτέλεσμα στη σελίδα προϊόντος: επιλέξτε μερικές παραλλαγές, ετοιμάστε σχέδιο και προχωρήστε στο καλάθι.
Designer ανοιχτό από προϊόν WooCommerce και παράθυρο Sync variants με ρυθμίσεις υλικού και μεθόδου εκτύπωσης
Ο συγχρονισμός συνδέει τις παραλλαγές προϊόντος WooCommerce με τις επιλογές σχεδίου. Στο στιγμιότυπο επιλέγονται οι προεπιλογές πριν από την επιβεβαίωση Sync.

Η βιβλιοθήκη σας στον διακομιστή WordPress

Αποθηκεύετε μοντέλα, σχέδια, γραφικά και αρχεία παραγγελιών στη φιλοξενία όπου λειτουργεί το WordPress σας. Οι πόροι που προσθέτετε τοπικά εξυπηρετούν το κατάστημά σας και δεν γίνονται καταχωρίσεις στη δημόσια βιβλιοθήκη Alter Product για άλλα καταστήματα.

Τι αποθηκεύεται τοπικά;

Το πρόσθετο αποθηκεύει αρχεία μοντέλων, βιβλιοθηκών, σχεδίων, mockups και παραγγελιών στον χώρο του WordPress. Τα δεδομένα έργων της γεννήτριας και των αναθεωρήσεών τους αποθηκεύονται επίσης στη βάση δεδομένων αυτής της εγκατάστασης.

Μπορείτε να προσθέτετε δικό σας υλικό και να εισάγετε επιλεγμένους πόρους από το Alter Product. Μετά τη λήψη χρησιμοποιείτε τοπικό αντίγραφο. Η εισαγωγή, ο έλεγχος ενημερώσεων και η λήψη νέων εκδόσεων είναι ξεχωριστές ενέργειες.

Πού προετοιμάζετε το υλικό που χρειάζεται το κατάστημά σας
Θέση στον πίνακαΤι κάνετε εκεί
ΠόροιΔιαχειρίζεστε μοντέλα, γραφικά, πρότυπα, φόντα, λογότυπα, υφές και περιβάλλοντα, μεταξύ άλλων. Οι διαθέσιμοι τρόποι προσθήκης εξαρτώνται από τον τύπο πόρου.
Γεννήτρια μοντέλωνΔημιουργείτε τοπικά έργα από πρότυπα και εργάζεστε με μοντέλα συνδεδεμένα με τη γεννήτρια.
Σχέδια προϊόντων / DesignerΠροετοιμάζετε ή εισάγετε ένα σχέδιο, το επεξεργάζεστε και το αντιστοιχίζετε σε προϊόν του καταστήματος.
Παραγγελίες WooCommerceΧρησιμοποιείτε αποθηκευμένα σχέδια πελατών, προεπισκοπήσεις και αρχεία που χρειάζονται για την εκτέλεση της παραγγελίας.
Πίνακας πόρων Alter Product στο WordPress με βιβλιοθήκη μοντέλων και επιλογές εισαγωγής
Διαχειρίζεστε τη βιβλιοθήκη του καταστήματος από τον πίνακα WordPress. Χρησιμοποιείτε τους εισαγόμενους πόρους και το δικό σας υλικό σε τοπικά σχέδια.

Εσείς επιλέγετε τι εμφανίζεται στον κατάλογο και στα εργαλεία του πελάτη

Διαχειρίζεστε τη βιβλιοθήκη και τα σχέδια στον πίνακα WordPress με τα κατάλληλα δικαιώματα. Οι πελάτες χρησιμοποιούν εργαλεία και υλικό που διαθέτετε στο κατάστημά σας, χωρίς πρόσβαση στη διαχειριστική επεξεργασία της βιβλιοθήκης.

Αποφασίζετε ποιο σχέδιο αντιστοιχίζεται στο προϊόν, πού εμφανίζεται το ενσωματωμένο εργαλείο και ποιες δυνατότητες εξατομίκευσης παρέχονται. Ελέγξτε και τους πόρους στη βιβλιοθήκη του ενσωματωμένου Customizer. Μετά την αντιστοίχιση σχεδίου, η ενσωμάτωση μπορεί να ενεργοποιείται από προεπιλογή στη σελίδα προϊόντος· ελέγχετε την προβολή της στις ρυθμίσεις προϊόντος.

Τοπικά αρχεία, ενσωματωμένη εφαρμογή Alter Product

Οι πόροι αποθηκεύονται σε εσάς, ενώ το περιβάλλον των εργαλείων φορτώνεται από το Alter Product σε iframe. Η υπηρεσία Alter Product ελέγχει την πρόσβαση λογαριασμού, το πρόγραμμα και τις συνεδρίες και παρέχει τον κατάλογο εισαγωγής. Η διασύνδεση απαιτεί σύνδεση με αυτή την υπηρεσία.

Στα αντίγραφα ασφαλείας διατηρείτε τη βάση δεδομένων, τον κατάλογο αρχείων και τα κλειδιά και salts του WordPress που απαιτούνται για την ανάγνωση των κρυπτογραφημένων δεδομένων του πρόσθετου. Έτσι αποκαθιστάτε τόσο τα ορατά γραφικά όσο και τα δεδομένα που χρειάζονται για να συνεχίσετε την εργασία.

Εξατομίκευση στον ιστότοπο της επωνυμίας σας

Η ενσωμάτωση μπορεί να αποτελεί μέρος της σελίδας προϊόντος ή ξεχωριστής σελίδας WordPress. Ο πελάτης παραμένει στη διαδικασία αγοράς του καταστήματός σας και το WooCommerce διαχειρίζεται το καλάθι και την παραγγελία.

Σελίδα προϊόντος, σελίδα εργαλείου ή μπλοκ

Προσαρμόστε την προβολή στη διάταξη του καταστήματος: εργαλείο στη σελίδα προϊόντος, κουμπί προς ειδική σελίδα ή ενσωμάτωση μέσω διαθέσιμων μπλοκ και shortcode. Τα Viewer, Configurator και Customizer έχουν διαφορετικούς ρόλους, οπότε δεν χρειάζεται να τα διαθέσετε όλα ταυτόχρονα.

  • Εμφανίστε το Viewer εκεί όπου ο πελάτης πρέπει να δει το μοντέλο προϊόντος.
  • Χρησιμοποιήστε το Configurator όταν πουλάτε προκαθορισμένες παραλλαγές και επιλογές.
  • Επιλέξτε το Customizer όταν ο πελάτης πρέπει να προσθέσει κείμενο, εικόνα ή να αλλάξει τη σύνθεση εκτύπωσης.
Customizer ενσωματωμένο στη σελίδα καταστήματος με επεξεργασία κειμένου σε μπλούζα και κουμπί καλαθιού
Ο πελάτης εξατομικεύει το προϊόν στο ενσωματωμένο εργαλείο. Το στιγμιότυπο δείχνει επεξεργασία κειμένου, προβολή μοντέλου 3D και περιοχή εκτύπωσης 2D.

Δικά σας φόντα, λογότυπο και γλώσσα

Προσαρμόστε την παρουσίαση προϊόντος στην επωνυμία σας. Στο πρόσθετο διαχειρίζεστε τοπικά φόντα και λογότυπα και ρυθμίσεις εμφάνισης των ενσωματωμένων εργαλείων. Η διαθεσιμότητα κάθε επιλογής εξαρτάται από το πρόγραμμα.

  • Το φόντο σκηνής, τα χρώματα του περιβάλλοντος και η προετοιμασμένη εμφάνιση σχεδίου βοηθούν να διατηρείται η οπτική συνέπεια με το κατάστημα.
  • Η εφαρμογή και το πρόσθετο υποστηρίζουν 22 γλώσσες. Η γλώσσα του πίνακα WordPress ορίζεται για κάθε χρήστη και η γλώσσα της σελίδας στις ρυθμίσεις ιστότοπου.
  • Προετοιμάζετε τα ονόματα προϊόντων, τα κείμενα εκτύπωσης και τις περιγραφές στις γλώσσες των πελατών σας. Η υποστήριξη γλώσσας στο περιβάλλον δεν σημαίνει αυτόματη μετάφραση του περιεχομένου του καταστήματος.

Από το σχέδιο πελάτη στο στοιχείο παραγγελίας

Ο πελάτης επιλέγει παραλλαγή και προετοιμάζει την εξατομίκευση. Το πρόσθετο συνδέει τη διαμόρφωση και το αποθηκευμένο σχέδιο με το στοιχείο καλαθιού και στη συνέχεια με την παραγγελία WooCommerce. Τα διαθέσιμα mockups βοηθούν στην αναγνώριση της εκτύπωσης που παραγγέλθηκε.

  1. Ο πελάτης ανοίγει το προϊόν ή το αντιστοιχισμένο εργαλείο και επιλέγει επιλογές.
  2. Κατά την εξατομίκευση αποθηκεύει το σχέδιο και προσθέτει το προϊόν στο καλάθι.
  3. Στο καλάθι ελέγχει το προϊόν, τη διαμόρφωση και τη διαθέσιμη προεπισκόπηση σχεδίου και προχωρά στην ολοκλήρωση αγοράς WooCommerce.
  4. Στον πίνακα παραγγελίας ο ιδιοκτήτης ανοίγει το αποθηκευμένο σχέδιο και προετοιμάζει την εκτέλεσή του.

Εκτέλεση παραγγελιών, POD και προαιρετική AI

Η σύνδεση του καταστήματος με εργαλεία 3D είναι η αρχή της διαδικασίας. Από το έτοιμο σχέδιο μπορείτε να κατεβάσετε αρχεία για δική σας παραγωγή ή να χρησιμοποιήσετε τη διασύνδεση του πρόσθετου με πάροχο εκτύπωσης κατά παραγγελία.

Συνδέστε το Printify ή το Printful

Στις ρυθμίσεις του πρόσθετου διαμορφώστε τη σύνδεση με τον επιλεγμένο πάροχο. Έπειτα αντιστοιχίστε προϊόν, παραλλαγές και θέσεις εκτύπωσης στον κατάλογο του παρόχου, ετοιμάστε αρχεία και δώστε εντολή εκτέλεσης παραγγελίας από το WooCommerce.

PrintifyPrintful
  • Προσαρμόστε τις επιφάνειες εκτύπωσης και τη μορφή αρχείων στο συγκεκριμένο προϊόν και πάροχο.
  • Ελέγξτε τα παραγόμενα αρχεία και την παραλλαγή της παραγγελίας πριν την αποστολή στην παραγωγή.
  • Χρησιμοποιήστε την ανανέωση καταστάσεων παραγγελιών και στοιχείων αποστολής στο πρόσθετο.
  • Για δική σας παραγωγή, κατεβάστε αρχεία PDF, SVG ή PNG σύμφωνα με τις δυνατότητες σχεδίου και τις ρυθμίσεις εξαγωγής.

AI για προετοιμασία γραφικών στον πίνακα ιδιοκτήτη

Μπορείτε να ρυθμίσετε δική σας σύνδεση με πάροχο AI και να χρησιμοποιείτε τις διαθέσιμες λειτουργίες δημιουργίας ή βελτίωσης γραφικών κατά την εργασία στο σχέδιο. Τα αιτήματα του πρόσθετου αποστέλλονται από το WordPress στον επιλεγμένο πάροχο και χρεώνονται στον λογαριασμό σας σε αυτόν.

Συνεδρίες ενσωμάτωσης: ισχύς και κατανάλωση ορίου

Η συνεδρία είναι προσωρινή εξουσιοδότηση για το άνοιγμα συγκεκριμένου εργαλείου στο κατάστημά σας. Βοηθά στην ασφαλή διάθεση προϊόντων στους πελάτες και αποτελεί μονάδα του μηνιαίου ορίου συνεδριών ενσωμάτωσης. Δεν ισοδυναμεί με μεμονωμένο κλικ, μοναδικό επισκέπτη ή παραγγελία.

Πόσο ισχύει το κλειδί συνεδρίας;

Κατά την εκκίνηση ενσωματωμένου εργαλείου η διασύνδεση αποκτά ένα προσωρινό token, δηλαδή κλειδί συνεδρίας. Τα μόνιμα διαπιστευτήρια λογαριασμού παραμένουν στον διακομιστή. Ο πελάτης δεν χρειάζεται να αντιγράφει κλειδιά ούτε να συνδέεται στον λογαριασμό Alter Product του ιδιοκτήτη.

Η προεπιλεγμένη διάρκεια ισχύος token στην τρέχουσα υλοποίηση είναι 15 λεπτά. Ο διακομιστής μπορεί να ορίσει διαφορετική διάρκεια, επομένως η διασύνδεση χρησιμοποιεί τη λήξη της συνεδρίας που έλαβε. Η επαναχρησιμοποίηση δεν παρατείνει αυτή τη λήξη. Για νέα εξουσιοδότηση μετά τη λήξη απαιτείται νέα συνεδρία.

Η ανανέωση της σελίδας καταναλώνει άλλη συνεδρία;

Εξαρτάται από το εργαλείο και από το αν διαθέτει ακόμη κατάλληλη, έγκυρη συνεδρία. Το πρόσθετο δεν χρησιμοποιεί μία κοινή συνεδρία για όλους τους επισκέπτες και όλα τα προϊόντα. Οι παρακάτω κανόνες περιγράφουν την τρέχουσα λειτουργία του.

Συνήθεις ενέργειες πελάτη και αριθμός εκδοθεισών συνεδριών
ΠερίπτωσηΤι συμβαίνει στη συνεδρία;Επίδραση στο όριο
Πρώτο άνοιγμα εργαλείου χωρίς αντίστοιχη συνεδρίαΗ διασύνδεση ζητά νέο token για το εργαλείο και το πλαίσιο προϊόντος.Η επιτυχής έκδοση νέου token καταναλώνει μία συνεδρία.
Περιστροφή μοντέλου, αλλαγή χρώματος ή επεξεργασία κειμένου στο ανοιχτό εργαλείοΗ εργασία γίνεται στο πλαίσιο της ενεργής συνεδρίας.Αυτές οι ενέργειες από μόνες τους δεν συνεπάγονται έκδοση νέων tokens.
Πλήρης ανανέωση σελίδας με Viewer ή ConfiguratorΤο πρόσθετο συνήθως αποκτά νέο token μετά την επαναφόρτωση της σελίδας. Η μνήμη συνεδρίας αυτών των εργαλείων δεν διατηρείται μεταξύ πλήρων ανανεώσεων.Κάθε επόμενη επιτυχής έκδοση token καταναλώνει άλλη μία συνεδρία.
Ανανέωση Customizer στην ίδια καρτέλαΤο Customizer μπορεί να επαναχρησιμοποιήσει την αποθηκευμένη συνεδρία αν ταιριάζει με το κατάστημα, το προϊόν, την παραγγελία και τον τρόπο εργασίας και δεν πλησιάζει στη λήξη.Η επαναχρησιμοποίηση δεν αυξάνει τον μετρητή. Αν δεν πληρούνται οι προϋποθέσεις, απαιτείται νέα συνεδρία.
Λήξη token, άλλο προϊόν ή αλλαγή πλαισίου εργασίαςΜπορεί να απαιτούνται νέα εξουσιοδότηση και νέο token. Η διαθεσιμότητα αποθήκευσης στο πρόγραμμα περιήγησης επηρεάζει επίσης την επαναχρησιμοποίηση.Ένα νέο token αυξάνει την κατανάλωση του ορίου.

Πώς να υπολογίσετε τις συνεδρίες στο κόστος και στο πρόγραμμα του καταστήματος;

Ο μετρητής αυξάνεται με την επιτυχή έκδοση νέου token από το API. Η χρήση ήδη εκδοθέντος, έγκυρου token δεν αποτελεί νέα έκδοση. Γι' αυτό, στην επιλογή προγράμματος υπολογίστε εκκινήσεις εργαλείων, ανανεώσεις και επανανοίγματα, όχι μόνο παραγγελίες ή επισκέπτες.

Τα ενσωματωμένα εργαλεία του ίδιου καταστήματος μοιράζονται ένα μηνιαίο όριο συνεδριών. Ο μετρητής τηρείται χωριστά για κάθε κατάστημα, ανά ημερολογιακό μήνα σε ώρα UTC. Οι νέες συνεδρίες του ενσωματωμένου Designer και της Γεννήτριας μοντέλων στον πίνακα WordPress αυξάνουν επίσης τον μετρητή. Η απλή λήψη διαθέσιμου μοντέλου μέσω του API εισαγωγής δεν ανοίγει συνεδρία επεξεργαστή.

Όταν συμπληρωθεί το όριο, το σύστημα αρνείται να εκδώσει νέες συνεδρίες. Πρόκειται για όριο χρήσης της συνδρομής· ελέγξτε την τρέχουσα ποσότητα στο πρόγραμμά σας.

  • Εκκινείτε το εργαλείο εκεί όπου ο πελάτης το χρησιμοποιεί πραγματικά. Για λίστες προϊόντων μπορείτε να χρησιμοποιείτε απλές φωτογραφίες και έτοιμα mockups.
  • Σε δική σας διασύνδεση API, αποφύγετε τη δημιουργία συνεδρίας σε κάθε απόδοση component ή αλλαγή επιλογής. Επαναχρησιμοποιείτε έγκυρη συνεδρία μόνο στο σωστό πλαίσιό της.
  • Υπολογίστε το όριο χωριστά από το κόστος παραγωγής POD και δημιουργίας AI, που προκύπτει από τη χρήση αυτών των εξωτερικών υπηρεσιών.

Δική σας διασύνδεση μέσω API

Έχετε δικό σας κατάστημα, εφαρμογή headless ή σύστημα παραγγελιών; Μπορείτε να δημιουργήσετε δικό σας επίπεδο διασύνδεσης με το Public API του Alter Product και να ενσωματώσετε τα απαραίτητα εργαλεία στον ιστότοπο. Αυτή η διαδρομή απαιτεί προγραμματισμό.

Συνδέστε το Alter Product με τη δική σας τεχνολογία

Το Public API χρησιμοποιεί αιτήματα HTTP και δεδομένα JSON. Μπορείτε επομένως να γράψετε τη διασύνδεση στη γλώσσα και στο περιβάλλον του backend σας. Δεν χρειάζεται να μεταφέρετε το κατάστημα σε WordPress για να ενσωματώσετε τα εργαλεία Alter Product.

Παρακάτω θα βρείτε παραδείγματα τεχνολογιών για τη σύνδεση στην πλευρά του διακομιστή. Σε όλες ακολουθείτε τα ίδια βήματα: εξουσιοδότηση API, δημιουργία συνεδρίας εργαλείου και σύνδεση προϊόντων, καλαθιού και παραγγελιών με το σύστημά σας.

JavaScript και TypeScript / Node.js

Προσθέστε τη διασύνδεση σε backend Node.js, π.χ. με Express ή NestJS. Καλέστε το API από τον διακομιστή και δώστε στο frontend τα δεδομένα που χρειάζονται για την ενσωμάτωση.

Python

Συνδέστε υπάρχουσα εφαρμογή Python, όπως Django ή FastAPI, με προϊόντα, συνεδρίες και παραγγελίες Alter Product μέσω αιτημάτων HTTP.

PHP

Χρησιμοποιήστε PHP σε δικό σας κατάστημα ή εφαρμογή, π.χ. Laravel ή Symfony. Μπορείτε να δημιουργήσετε διασύνδεση API ανεξάρτητα από το έτοιμο πρόσθετο WordPress.

Java

Συνδέστε τα εργαλεία με backend Java, π.χ. Spring, και αντιστοιχίστε δεδομένα σχεδίων στον κατάλογο προϊόντων και στη διαχείριση παραγγελιών σας.

C# / .NET

Χρησιμοποιήστε backend .NET, π.χ. ASP.NET Core, για εξουσιοδότηση, δημιουργία συνεδριών και μεταφορά δεδομένων στις υπάρχουσες διαδικασίες του καταστήματος.

Go

Υλοποιήστε τη σύνδεση σε υπηρεσία γραμμένη σε Go. Ο τυπικός πελάτης HTTP υποστηρίζει αιτήματα API και απαντήσεις JSON.

Ruby

Προσθέστε διασύνδεση σε εφαρμογή Ruby, π.χ. Ruby on Rails, και χρησιμοποιήστε το δικό σας μοντέλο προϊόντων, καλαθιού και εκτέλεσης παραγγελιών.

Rust

Συνδέστε backend Rust μέσω πελάτη HTTP και υποστήριξης JSON. Μπορείτε να εντάξετε συνεδρίες και συμβάντα αγορών στην αρχιτεκτονική υπηρεσιών σας.

Frontend προσαρμοσμένο στον ιστότοπό σας

Στο πρόγραμμα περιήγησης μπορείτε να χρησιμοποιήσετε React, Vue, Angular ή απλό HTML και JavaScript. Το TypeScript είναι επίσης κατάλληλο για την υλοποίηση επικοινωνίας. Η σελίδα ενσωματώνει το iframe, διαχειρίζεται συμβάντα postMessage και συνδέεται με το backend σας.

Το frontend αναλαμβάνει την εμφάνιση της σελίδας και τις αντιδράσεις του καλαθιού, ενώ το backend τις εξουσιοδοτημένες κλήσεις Public API. Σε frameworks που συνδυάζουν τα δύο επίπεδα, όπως το Next.js, διατηρήστε τα μόνιμα κλειδιά και τη δημιουργία συνεδριών αποκλειστικά στο τμήμα διακομιστή.

Μπορείτε να διατηρήσετε τη δική σας ολοκλήρωση αγοράς, σύστημα πληρωμών, CMS και διαδικασία εκτέλεσης παραγγελιών. Κατά την υλοποίηση τα συνδέετε με δεδομένα σχεδίου και συμβάντα του επιλεγμένου εργαλείου Alter Product.

ReactVue.jsAngularJavaScriptTypeScript

Τι παρέχει το API και τι προετοιμάζει το σύστημά σας;

Το Alter Product παρέχει εργαλεία 3D, δεδομένα σχεδίων και μηχανισμούς συνεδριών. Το backend σας τα συνδέει με προϊόντα, λογαριασμούς πελατών, καλάθι και παραγγελίες. Μπορείτε να δημιουργήσετε ενδιάμεσα endpoints για το frontend σας χωρίς να εκθέτετε τα διαπιστευτήρια Alter Product στο πρόγραμμα περιήγησης.

Κατανομή ευθυνών στη δική σας διασύνδεση
ΕπίπεδοΕργασία
Frontend του ιστότοπού σαςΕμφανίζει το iframe, ανταποκρίνεται στην επικοινωνία του εργαλείου και ενημερώνει το περιβάλλον του καταστήματος.
Το backend σαςΠιστοποιεί αιτήματα προς το Public API, δημιουργεί συνεδρίες, ελέγχει την πρόσβαση πελάτη και αποθηκεύει συνδέσεις με το δικό σας καλάθι ή παραγγελίες.
Public API Alter ProductΠαρέχει λειτουργίες σύνδεσης, προϊόντων, αντιστοίχισης εργαλείων, παραγγελιών και πρόσβασης σε αρχεία και πόρους.
Ενσωματωμένο εργαλείοΕμφανίζει το μοντέλο και επιτρέπει διαμόρφωση ή εξατομίκευση σύμφωνα με τον επιλεγμένο τρόπο και το προετοιμασμένο σχέδιο.
Παράδειγμα δικής σας διασύνδεσης: επεξεργαστής κώδικα και Customizer συσκευασίας στον ιστότοπο
Παράδειγμα εφαρμογής με δική της διασύνδεση. Δείτε τις τρέχουσες παραμέτρους συνεδριών και επικοινωνίας στη συνδεδεμένη τεκμηρίωση API και postMessage.

Από την εξουσιοδότηση στο δικό σας καλάθι

Ξεκινήστε με σύνδεση και συνεδρία ενσωμάτωσης για ένα προϊόν. Έπειτα προσθέστε διαχείριση διαμόρφωσης, αποθήκευσης σχεδίου και παραγγελιών ανάλογα με το εργαλείο.

  1. Ρυθμίστε διαπιστευτήρια API και τον τομέα του καταστήματος. Ελέγξτε τη σύνδεση με αίτημα από το backend.
  2. Αντιστοιχίστε το προϊόν του καταστήματός σας στο σχέδιο και στο κατάλληλο εργαλείο Alter Product.
  3. Ενσωματώστε το iframe και υλοποιήστε την έναρξη επικοινωνίας. Δημιουργήστε προσωρινή συνεδρία στον διακομιστή και μεταβιβάστε τη στο εργαλείο σύμφωνα με την τεκμηρίωση.
  4. Διαχειριστείτε το συμβάν διαμόρφωσης ή εξατομίκευσης και αποθηκεύστε τα απαραίτητα δεδομένα στο καλάθι σας.
  5. Μετά την αγορά συγχρονίστε την παραγγελία και τα απαιτούμενα δεδομένα και αρχεία με το δικό σας σύστημα εκτέλεσης.

Μεταβείτε στις οδηγίες του εργαλείου σας

Οι οδηγίες ενσωμάτωσης περιέχουν παραμέτρους και παραδείγματα. Τα κεφάλαια postMessage εξηγούν την επικοινωνία με τη σελίδα και η τεκμηρίωση API περιγράφει τις λειτουργίες του backend.

Ελέγξτε ολόκληρη τη διαδρομή πριν ξεκινήσετε τις πωλήσεις

Δοκιμάστε το προϊόν όπως ένας πελάτης: από το άνοιγμα της σελίδας μέχρι την εμφάνιση σχεδίου στην παραγγελία. Κάντε δοκιμή σε υπολογιστή και κινητό, και χωρίς σύνδεση στον πίνακα διαχείρισης.

Σύντομη λίστα ελέγχου

Αφού ετοιμάσετε ένα προϊόν, ολοκληρώστε όλη τη διαδικασία. Έπειτα επαναλάβετε τη δοκιμασμένη ρύθμιση για τα υπόλοιπα προϊόντα του καταλόγου.

  • Ελέγξτε ότι είναι ενεργό το Business ή ανώτερο πρόγραμμα και ότι ο τομέας λειτουργεί μέσω HTTPS με έγκυρο πιστοποιητικό SSL/TLS.
  • Ελέγξτε την ορατότητα σελίδων εργαλείων, την αντιστοίχιση σχεδίου και τον επιλεγμένο τρόπο ενσωμάτωσης.
  • Επιλέξτε διαφορετικά μεγέθη και χρώματα. Συγκρίνετε τις επιλογές σχεδίου με τις παραλλαγές και τις τιμές του καταστήματος.
  • Στο Customizer προσθέστε κείμενο ή γραφικό, αποθηκεύστε το σχέδιο και προσθέστε το στο καλάθι. Ελέγξτε και την επεξεργασία ήδη προστεθειμένης εξατομίκευσης.
  • Ελέγξτε την προεπισκόπηση, την ποσότητα και τη διαμόρφωση στο καλάθι και μετά από δοκιμαστική παραγγελία.
  • Ανοίξτε το σχέδιο της παραγγελίας και ελέγξτε τα παραγόμενα αρχεία εκτύπωσης. Αν χρησιμοποιείτε POD, δοκιμάστε και την αντιστοίχιση παρόχου και μια ελεγχόμενη διαδικασία αποστολής εντολής παραγωγής.
  • Ελέγξτε τη βιβλιοθήκη που βλέπει ο πελάτης, τη γλώσσα, την εταιρική ταυτότητα και τη συμπεριφορά της σελίδας στο κινητό.