Viewer: δείτε το προϊόν
Παρουσίαση του μοντέλου 3D και της εμφάνισής του. Χρήσιμο όταν προέχει η προβολή του προϊόντος από διαφορετικές πλευρές χωρίς δυνατότητα επεξεργασίας της εκτύπωσης.
Ενσωμάτωση ηλεκτρονικού εμπορίου - από το σχέδιο στην παραγγελία
Προσθέστε παρουσίαση 3D, επιλογή παραλλαγών και εξατομίκευση προϊόντων στον ιστότοπό σας. Ο πελάτης βλέπει το προϊόν, επιλέγει επιλογές και ετοιμάζει το σχέδιο στο κατάστημά σας, ενώ εσείς διαχειρίζεστε τον κατάλογο και τις παραγγελίες στο σύστημά σας.
Επιλέξτε το πρόσθετο για WordPress με εγκατεστημένο WooCommerce για να ολοκληρώσετε τη ρύθμιση χωρίς να γράψετε κώδικα διασύνδεσης. Αν αναπτύσσετε δικό σας ιστότοπο ή κατάστημα, συνδέστε τα ενσωματωμένα εργαλεία με το backend και το καλάθι μέσω του Public API και συμβάντων postMessage.
Οι εικόνες δείχνουν το πραγματικό περιβάλλον από καταγραφές και τον πίνακα του πρόσθετου. Τα ονόματα κουμπιών στα στιγμιότυπα είναι στα αγγλικά· η εμφάνιση του εργαλείου εξαρτάται από τη ρύθμιση του καταστήματος.
Μπορείτε να προετοιμάσετε το ίδιο σχέδιο προϊόντος για παρουσίαση, διαμόρφωση ή επεξεργασία εκτύπωσης. Επιλέξτε τον τρόπο σύνδεσης με το κατάστημα ανάλογα με τον ιστότοπό σας και τις απαιτούμενες εργασίες ανάπτυξης.
Το πρόσθετο παρέχει έτοιμη υποστήριξη για WordPress και WooCommerce. Το API επιτρέπει να δημιουργήσετε δική σας σύνδεση με άλλη πλατφόρμα, εφαρμογή headless ή υπάρχον σύστημα παραγγελιών.
| Τομέας | WordPress + WooCommerce | Δικό σας σύστημα μέσω API |
|---|---|---|
| Αρχική ρύθμιση | Εγκατάσταση πρόσθετου και οδηγός σύνδεσης στον πίνακα WordPress. | Υλοποίηση της σύνδεσης στο backend και της ενσωμάτωσης στον ιστότοπο. |
| Προϊόντα και παραλλαγές | Αντιστοίχιση σχεδίου σε προϊόν WooCommerce και συγχρονισμός παραλλαγών. | Σύνδεση αναγνωριστικών προϊόντων και επιλογών με τα δεδομένα του καταστήματός σας. |
| Καλάθι και παραγγελίες | Έτοιμη διαχείριση διαμορφώσεων, σχεδίων πελατών και προεπισκοπήσεων στο WooCommerce. | Διαχείριση συμβάντων του ενσωματωμένου εργαλείου και συγχρονισμού παραγγελιών στο σύστημά σας. |
| Αρχεία και πόροι | Τοπική βιβλιοθήκη, σχέδια και αρχεία παραγγελιών στον διακομιστή WordPress. | Αποθήκευση και πρόσβαση στα δεδομένα σύμφωνα με τον επιλεγμένο τρόπο διασύνδεσης. Η επιλογή με δικό σας χώρο αποθήκευσης απαιτεί αντίστοιχη υλοποίηση από εσάς. |
Επιλέξτε εργαλείο ανάλογα με αυτό που θέλετε να κάνει ο πελάτης στη σελίδα. Προετοιμάζετε το σχέδιο και τους κανόνες εξατομίκευσης εκ των προτέρων στο Designer.
Παρουσίαση του μοντέλου 3D και της εμφάνισής του. Χρήσιμο όταν προέχει η προβολή του προϊόντος από διαφορετικές πλευρές χωρίς δυνατότητα επεξεργασίας της εκτύπωσης.
Επιλογή προκαθορισμένων επιλογών προϊόντος, όπως μέγεθος, χρώμα ή υλικό. Ο πελάτης βλέπει την αλλαγή στο μοντέλο και μεταφέρει τη διαμόρφωση στο καλάθι.
Εξατομίκευση με τα διαθέσιμα εργαλεία, γραφικά, κείμενα και πρότυπα. Το αποθηκευμένο σχέδιο του πελάτη συνδέεται με ένα στοιχείο καλαθιού ή παραγγελίας.
Χώρος εργασίας του ιδιοκτήτη του καταστήματος. Εδώ προετοιμάζετε τη σύνθεση, τις παραλλαγές, τις περιοχές εκτύπωσης και τις ρυθμίσεις των εργαλείων για τους πελάτες. Η πρόσβαση στη διαχειριστική επεξεργασία είναι ξεχωριστή από τη χρήση του καταστήματος.
Το Alter Product είναι πρόσθετο για WordPress. Για τη διασύνδεση καταστήματος απαιτεί εγκατεστημένο και ενεργό WooCommerce. Η συνήθης ρύθμιση γίνεται στον πίνακα, χωρίς δική σας υλοποίηση API και καλαθιού.
Για να ενσωματώσετε το Alter Product στον ιστότοπό σας, χρειάζεστε ενεργή συνδρομή Business ή ανώτερο πρόγραμμα που περιλαμβάνει αυτή τη δυνατότητα. Αυτό ισχύει τόσο για το πρόσθετο WordPress + WooCommerce όσο και για δική σας διασύνδεση μέσω API. Τα προγράμματα Personal FREE και Personal δεν περιλαμβάνουν ενσωμάτωση στο κατάστημά σας.
Για τη διαδρομή με πρόσθετο, προετοιμάστε WordPress με εγκατεστημένο και ενεργό WooCommerce και έναν λογαριασμό Alter Product. Η αποθήκευση αρχείων στη δική σας φιλοξενία δεν αντικαθιστά την απαιτούμενη συνδρομή: το Alter Product συνεχίζει να παρέχει την εφαρμογή και να εξουσιοδοτεί την εκκίνησή της.
Το Alter Product λειτουργεί στη σελίδα του καταστήματος μέσα σε iframe. Τα προγράμματα περιήγησης περιορίζουν ορισμένες λειτουργίες της εφαρμογής όταν η σελίδα δεν παρέχει ασφαλές περιβάλλον. Το HTTPS κρυπτογραφεί τη σύνδεση και ένα έγκυρο πιστοποιητικό επιτρέπει την επαλήθευση του τομέα.
Το πρόγραμμα περιήγησης ελέγχει και τη σελίδα που περιέχει το iframe. Επομένως, η διεύθυνση HTTPS της εφαρμογής Alter Product δεν αρκεί όταν το κατάστημα λειτουργεί μέσω HTTP. Το HTTPS πρέπει να καλύπτει και τον ιστότοπό σας, όπου ενσωματώνετε το εργαλείο. Αυτό προκύπτει από τους κανόνες ασφαλείας των προγραμμάτων περιήγησης για ενσωματωμένες εφαρμογές.
Η αυτόματη σύνδεση σας καθοδηγεί στην εξουσιοδότηση του λογαριασμού Alter Product και στη ρύθμιση του καταστήματος. Δεν χρειάζεται χειροκίνητη μεταφορά κλειδιών API σε αυτή τη διαδικασία.

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

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

Οι πόροι αποθηκεύονται σε εσάς, ενώ το περιβάλλον των εργαλείων φορτώνεται από το Alter Product σε iframe. Η υπηρεσία Alter Product ελέγχει την πρόσβαση λογαριασμού, το πρόγραμμα και τις συνεδρίες και παρέχει τον κατάλογο εισαγωγής. Η διασύνδεση απαιτεί σύνδεση με αυτή την υπηρεσία.
Στα αντίγραφα ασφαλείας διατηρείτε τη βάση δεδομένων, τον κατάλογο αρχείων και τα κλειδιά και salts του WordPress που απαιτούνται για την ανάγνωση των κρυπτογραφημένων δεδομένων του πρόσθετου. Έτσι αποκαθιστάτε τόσο τα ορατά γραφικά όσο και τα δεδομένα που χρειάζονται για να συνεχίσετε την εργασία.
Η ενσωμάτωση μπορεί να αποτελεί μέρος της σελίδας προϊόντος ή ξεχωριστής σελίδας WordPress. Ο πελάτης παραμένει στη διαδικασία αγοράς του καταστήματός σας και το WooCommerce διαχειρίζεται το καλάθι και την παραγγελία.
Προσαρμόστε την προβολή στη διάταξη του καταστήματος: εργαλείο στη σελίδα προϊόντος, κουμπί προς ειδική σελίδα ή ενσωμάτωση μέσω διαθέσιμων μπλοκ και shortcode. Τα Viewer, Configurator και Customizer έχουν διαφορετικούς ρόλους, οπότε δεν χρειάζεται να τα διαθέσετε όλα ταυτόχρονα.

Προσαρμόστε την παρουσίαση προϊόντος στην επωνυμία σας. Στο πρόσθετο διαχειρίζεστε τοπικά φόντα και λογότυπα και ρυθμίσεις εμφάνισης των ενσωματωμένων εργαλείων. Η διαθεσιμότητα κάθε επιλογής εξαρτάται από το πρόγραμμα.
Ο πελάτης επιλέγει παραλλαγή και προετοιμάζει την εξατομίκευση. Το πρόσθετο συνδέει τη διαμόρφωση και το αποθηκευμένο σχέδιο με το στοιχείο καλαθιού και στη συνέχεια με την παραγγελία WooCommerce. Τα διαθέσιμα mockups βοηθούν στην αναγνώριση της εκτύπωσης που παραγγέλθηκε.
Η σύνδεση του καταστήματος με εργαλεία 3D είναι η αρχή της διαδικασίας. Από το έτοιμο σχέδιο μπορείτε να κατεβάσετε αρχεία για δική σας παραγωγή ή να χρησιμοποιήσετε τη διασύνδεση του πρόσθετου με πάροχο εκτύπωσης κατά παραγγελία.
Στις ρυθμίσεις του πρόσθετου διαμορφώστε τη σύνδεση με τον επιλεγμένο πάροχο. Έπειτα αντιστοιχίστε προϊόν, παραλλαγές και θέσεις εκτύπωσης στον κατάλογο του παρόχου, ετοιμάστε αρχεία και δώστε εντολή εκτέλεσης παραγγελίας από το WooCommerce.
Μπορείτε να ρυθμίσετε δική σας σύνδεση με πάροχο 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 εισαγωγής δεν ανοίγει συνεδρία επεξεργαστή.
Όταν συμπληρωθεί το όριο, το σύστημα αρνείται να εκδώσει νέες συνεδρίες. Πρόκειται για όριο χρήσης της συνδρομής· ελέγξτε την τρέχουσα ποσότητα στο πρόγραμμά σας.
Έχετε δικό σας κατάστημα, εφαρμογή headless ή σύστημα παραγγελιών; Μπορείτε να δημιουργήσετε δικό σας επίπεδο διασύνδεσης με το Public API του Alter Product και να ενσωματώσετε τα απαραίτητα εργαλεία στον ιστότοπο. Αυτή η διαδρομή απαιτεί προγραμματισμό.
Το Public API χρησιμοποιεί αιτήματα HTTP και δεδομένα JSON. Μπορείτε επομένως να γράψετε τη διασύνδεση στη γλώσσα και στο περιβάλλον του backend σας. Δεν χρειάζεται να μεταφέρετε το κατάστημα σε WordPress για να ενσωματώσετε τα εργαλεία Alter Product.
Παρακάτω θα βρείτε παραδείγματα τεχνολογιών για τη σύνδεση στην πλευρά του διακομιστή. Σε όλες ακολουθείτε τα ίδια βήματα: εξουσιοδότηση API, δημιουργία συνεδρίας εργαλείου και σύνδεση προϊόντων, καλαθιού και παραγγελιών με το σύστημά σας.
Προσθέστε τη διασύνδεση σε backend Node.js, π.χ. με Express ή NestJS. Καλέστε το API από τον διακομιστή και δώστε στο frontend τα δεδομένα που χρειάζονται για την ενσωμάτωση.
Συνδέστε υπάρχουσα εφαρμογή Python, όπως Django ή FastAPI, με προϊόντα, συνεδρίες και παραγγελίες Alter Product μέσω αιτημάτων HTTP.
Χρησιμοποιήστε PHP σε δικό σας κατάστημα ή εφαρμογή, π.χ. Laravel ή Symfony. Μπορείτε να δημιουργήσετε διασύνδεση API ανεξάρτητα από το έτοιμο πρόσθετο WordPress.
Συνδέστε τα εργαλεία με backend Java, π.χ. Spring, και αντιστοιχίστε δεδομένα σχεδίων στον κατάλογο προϊόντων και στη διαχείριση παραγγελιών σας.
Χρησιμοποιήστε backend .NET, π.χ. ASP.NET Core, για εξουσιοδότηση, δημιουργία συνεδριών και μεταφορά δεδομένων στις υπάρχουσες διαδικασίες του καταστήματος.
Υλοποιήστε τη σύνδεση σε υπηρεσία γραμμένη σε Go. Ο τυπικός πελάτης HTTP υποστηρίζει αιτήματα API και απαντήσεις JSON.
Προσθέστε διασύνδεση σε εφαρμογή Ruby, π.χ. Ruby on Rails, και χρησιμοποιήστε το δικό σας μοντέλο προϊόντων, καλαθιού και εκτέλεσης παραγγελιών.
Συνδέστε backend Rust μέσω πελάτη HTTP και υποστήριξης JSON. Μπορείτε να εντάξετε συνεδρίες και συμβάντα αγορών στην αρχιτεκτονική υπηρεσιών σας.
Στο πρόγραμμα περιήγησης μπορείτε να χρησιμοποιήσετε React, Vue, Angular ή απλό HTML και JavaScript. Το TypeScript είναι επίσης κατάλληλο για την υλοποίηση επικοινωνίας. Η σελίδα ενσωματώνει το iframe, διαχειρίζεται συμβάντα postMessage και συνδέεται με το backend σας.
Το frontend αναλαμβάνει την εμφάνιση της σελίδας και τις αντιδράσεις του καλαθιού, ενώ το backend τις εξουσιοδοτημένες κλήσεις Public API. Σε frameworks που συνδυάζουν τα δύο επίπεδα, όπως το Next.js, διατηρήστε τα μόνιμα κλειδιά και τη δημιουργία συνεδριών αποκλειστικά στο τμήμα διακομιστή.
Μπορείτε να διατηρήσετε τη δική σας ολοκλήρωση αγοράς, σύστημα πληρωμών, CMS και διαδικασία εκτέλεσης παραγγελιών. Κατά την υλοποίηση τα συνδέετε με δεδομένα σχεδίου και συμβάντα του επιλεγμένου εργαλείου Alter Product.
Το Alter Product παρέχει εργαλεία 3D, δεδομένα σχεδίων και μηχανισμούς συνεδριών. Το backend σας τα συνδέει με προϊόντα, λογαριασμούς πελατών, καλάθι και παραγγελίες. Μπορείτε να δημιουργήσετε ενδιάμεσα endpoints για το frontend σας χωρίς να εκθέτετε τα διαπιστευτήρια Alter Product στο πρόγραμμα περιήγησης.
| Επίπεδο | Εργασία |
|---|---|
| Frontend του ιστότοπού σας | Εμφανίζει το iframe, ανταποκρίνεται στην επικοινωνία του εργαλείου και ενημερώνει το περιβάλλον του καταστήματος. |
| Το backend σας | Πιστοποιεί αιτήματα προς το Public API, δημιουργεί συνεδρίες, ελέγχει την πρόσβαση πελάτη και αποθηκεύει συνδέσεις με το δικό σας καλάθι ή παραγγελίες. |
| Public API Alter Product | Παρέχει λειτουργίες σύνδεσης, προϊόντων, αντιστοίχισης εργαλείων, παραγγελιών και πρόσβασης σε αρχεία και πόρους. |
| Ενσωματωμένο εργαλείο | Εμφανίζει το μοντέλο και επιτρέπει διαμόρφωση ή εξατομίκευση σύμφωνα με τον επιλεγμένο τρόπο και το προετοιμασμένο σχέδιο. |

Ξεκινήστε με σύνδεση και συνεδρία ενσωμάτωσης για ένα προϊόν. Έπειτα προσθέστε διαχείριση διαμόρφωσης, αποθήκευσης σχεδίου και παραγγελιών ανάλογα με το εργαλείο.
Οι οδηγίες ενσωμάτωσης περιέχουν παραμέτρους και παραδείγματα. Τα κεφάλαια postMessage εξηγούν την επικοινωνία με τη σελίδα και η τεκμηρίωση API περιγράφει τις λειτουργίες του backend.
Δοκιμάστε το προϊόν όπως ένας πελάτης: από το άνοιγμα της σελίδας μέχρι την εμφάνιση σχεδίου στην παραγγελία. Κάντε δοκιμή σε υπολογιστή και κινητό, και χωρίς σύνδεση στον πίνακα διαχείρισης.
Αφού ετοιμάσετε ένα προϊόν, ολοκληρώστε όλη τη διαδικασία. Έπειτα επαναλάβετε τη δοκιμασμένη ρύθμιση για τα υπόλοιπα προϊόντα του καταλόγου.