Επιστροφή στο Λογισμικό
Virtual Try-On για WooCommerce - Τεκμηρίωση
Πλήρης οδηγός εγκατάστασης και διαμόρφωσης για το AI-powered Virtual Try-On plugin
Πίνακας Περιεχομένων
Τι είναι το Virtual Try-On για WooCommerce;
Το Virtual Try-On για WooCommerce είναι ένα AI-powered WordPress plugin που επιτρέπει στους πελάτες να προεπισκοπούν προϊόντα (γυαλιά, γυαλιά ηλίου, κοσμήματα, κλπ.) στις δικές τους φωτογραφίες πριν από την αγορά. Το plugin ενσωματώνεται απρόσκοπτα με το WooCommerce και χρησιμοποιεί προηγμένη AI επεξεργασία εικόνας για τη δημιουργία ρεαλιστικών προεπισκοπήσεων δοκιμής.
Κύρια Οφέλη
- Αυξημένα Ποσοστά Μετατροπής: Οι πελάτες μπορούν να δουν πώς φαίνονται τα προϊόντα πάνω τους πριν αγοράσουν
- Μειωμένες Επιστροφές: Καλύτερη οπτικοποίηση προϊόντων οδηγεί σε πιο σίγουρες αγορές
- Βελτιωμένη Εμπειρία Χρήστη: Σύγχρονη, διαισθητική διεπαφή με επιλογές κάμερας και upload
- Εστιασμένο στην Ιδιωτικότητα: Όλη η επεξεργασία γίνεται στον δικό σας server με τον επιλεγμένο AI πάροχο
- Πολυγλωσσική Υποστήριξη: Ενσωματωμένες μεταφράσεις για Αγγλικά, Ελληνικά και Γερμανικά
Χαρακτηριστικά Plugin
Βασική Λειτουργικότητα
- AI-Powered Try-On: Δημιουργία ρεαλιστικών προεπισκοπήσεων προϊόντων χρησιμοποιώντας Google Gemini ή custom AI endpoints
- Ευέλικτη Εισαγωγή Εικόνας: Υποστήριξη για file uploads και live camera capture
- Έλεγχος σε Επίπεδο Προϊόντος: Ενεργοποίηση/απενεργοποίηση try-on ανά προϊόν με προαιρετικές custom frame εικόνες
- Σύγχρονη Modal Διεπαφή: Responsive, προσβάσιμη UI με ομαλά animations
- Μετρητής Δημιουργίας: Παρακολούθηση στατιστικών χρήσης στο admin dashboard
- Debug Mode: Περιεκτική καταγραφή για αντιμετώπιση προβλημάτων
- Διαχείριση Συγκατάθεσης Χρήστη: Ζητάει έγκριση από τον χρήστη να αποθηκεύσει τη φωτό του για εύκολη επαναχρησιμοποίηση σε πολλαπλές εικονικές δοκιμές
- Γκαλερί Virtual Try-On: Εμφανίζει όλες τις εικονικές δοκιμές σε μορφή grid για εύκολη σύγκριση με κουμπιά "Αγορά Τώρα" για γρήγορη παραγγελία
- Προσωρινή Αποθήκευση Φωτογραφιών: Οι φωτογραφίες αποθηκεύονται προσωρινά για 24 ώρες με αυτόματη διαγραφή μετά τη λήξη
- Bulk Ενεργοποίηση Κατηγοριών: Ενεργοποίηση virtual try-on για όλα τα προϊόντα σε συγκεκριμένες κατηγορίες (μεγάλο χαρακτηριστικό εξοικονόμησης χρόνου!)
Χαρακτηριστικά Διεπαφής Χρήστη
- Responsive Design: Λειτουργεί σε desktop, tablet και mobile συσκευές
- Προσβασιμότητα: ARIA labels, πλοήγηση με πληκτρολόγιο, υποστήριξη screen reader
- Πολυγλωσσική UI: Δυναμική αλλαγή γλώσσας (Αγγλικά/Ελληνικά/Γερμανικά)
- Διαχείριση Συγκατάθεσης: Checkbox συγκατάθεσης χρήστη πριν την AI επεξεργασία
- Real-Time Feedback: Loading states, δείκτες προόδου, μηνύματα σφάλματος
Χαρακτηριστικά Admin
- Settings Dashboard: Κεντρικοποιημένη διαμόρφωση στις ρυθμίσεις WooCommerce
- Διαχείριση Άδειας: Ενσωματωμένη επικύρωση άδειας και παρακολούθηση κατάστασης
- Category Overrides: Ορισμός διαφορετικών τύπων καταστήματος για συγκεκριμένες κατηγορίες προϊόντων
- Product Meta Fields: Ρυθμίσεις try-on ανά προϊόν και custom frame εικόνες
- Αναλυτικά Χρήσης: Μετρητής δημιουργίας και debug logs
Απαιτήσεις Συστήματος
WordPress & WooCommerce
- WordPress: 6.0 ή νεότερο
- WooCommerce: 6.0 ή νεότερο (δοκιμασμένο έως 9.0)
- PHP: 7.4 ή νεότερο
- MySQL: 5.6 ή νεότερο
Απαιτήσεις Server
- SSL Certificate: Απαιτείται για πρόσβαση κάμερας (HTTPS)
- File Upload: Ελάχιστο 10MB upload limit συνιστάται
- Memory: 256MB PHP memory limit ελάχιστο
- Execution Time: 60 δευτερόλεπτα συνιστάται για AI επεξεργασία
Απαιτήσεις AI Provider
- Google Gemini: API key με Gemini 2.5 Flash Image Preview πρόσβαση
- Custom Endpoint: RESTful API που υποστηρίζει επεξεργασία εικόνας
Οδηγός Εγκατάστασης
Μέθοδος 1: WordPress Admin (Συνιστάται)
- 1Κατεβάστε το plugin ZIP αρχείο από το license portal σας
- 2Πηγαίνετε σε Plugins → Add New → Upload Plugin
- 3Επιλέξτε το ZIP αρχείο και κάντε κλικ Install Now
- 4Κάντε κλικ Activate Plugin
Μέθοδος 2: FTP Upload
- 1Εξάγετε το plugin ZIP αρχείο
- 2Ανεβάστε τον φάκελο virtual-try-on-for-woocommerce στο /wp-content/plugins/
- 3Πηγαίνετε στα Plugins στο WordPress admin
- 4Βρείτε το "Virtual Try-On for WooCommerce" και κάντε κλικ Activate
Post-Installation Setup
- 1Πλοηγηθείτε στο WooCommerce → Virtual Try-On
- 2Εισάγετε το license key σας και κάντε κλικ Validate License
- 3Διαμορφώστε τις ρυθμίσεις AI provider
- 4Δοκιμάστε τη λειτουργικότητα σε μια σελίδα προϊόντος
Ρυθμίσεις Διαμόρφωσης
Πρόσβαση στις ρυθμίσεις μέσω WooCommerce → Virtual Try-On:
Διαμόρφωση Άδειας
- License Key: Εισάγετε το αγορασμένο license key σας
- License Status: Εμφανίζει την τρέχουσα κατάσταση επικύρωσης
- Actions: Κουμπιά επικύρωσης και αποθήκευσης άδειας
Ρυθμίσεις AI Provider
- Provider: Επιλέξτε μεταξύ "Google Gemini" ή "Custom"
- API Key: Το API key του AI provider σας
- Model: Όνομα AI μοντέλου (προεπιλογή: gemini-2.5-flash-image-preview)
- Custom Endpoint: URL για custom AI provider (αν χρησιμοποιείτε Custom)
Πώς οι Πελάτες Χρησιμοποιούν το Plugin
Εμπειρία Πελάτη
- 1Σελίδα Προϊόντος: Ο πελάτης επισκέπτεται ένα προϊόν με ενεργοποιημένο try-on
- 2Try-On Button: Κλικ στο κουμπί "Try On" κάτω από τη φόρμα add-to-cart
- 3Modal Interface: Ανέβασμα φωτογραφίας Ή χρήση κάμερας, αποδοχή checkbox συγκατάθεσης, κλικ "Generate Preview"
- 4Processing: Αναμονή 10-30 δευτερολέπτων για AI δημιουργία
- 5Result: Προβολή της try-on προεπισκόπησης εικόνας
- 6Actions: Κλείσιμο modal ή νέα δοκιμή με διαφορετική φωτογραφία
Admin Παρακολούθηση
- Generation Counter: Παρακολούθηση συνολικών try-on δημιουργιών στις ρυθμίσεις
- Debug Logs: Παρακολούθηση επεξεργασίας στα server error logs (αν το debug είναι ενεργοποιημένο)
- License Status: Τακτική επικύρωση εξασφαλίζει συνεχή λειτουργικότητα
AI Provider Setup
Google Gemini (Συνιστάται)
Setup:
- Δημιουργήστε ένα Google Cloud Project: Πηγαίνετε στο Google Cloud Console, κάντε κλικ στο "Create Project", εισάγετε ένα όνομα έργου και κάντε κλικ στο "Create"
- Ενεργοποιήστε το Gemini API: Στο dashboard του έργου σας, πλοηγηθείτε στο "APIs & Services" → "Library", αναζητήστε "Generative AI API" ή "Gemini API" και κάντε κλικ στο "Enable"
- Δημιουργήστε API Key: Πηγαίνετε στο "APIs & Services" → "Credentials", κάντε κλικ στο "Create Credentials" → "API Key", αντιγράψτε το δημιουργημένο κλειδί και προαιρετικά περιορίστε το για ασφάλεια
- Ορίστε το μοντέλο σε gemini-2.5-flash-image-preview στις ρυθμίσεις του plugin
Χαρακτηριστικά:
- Υψηλής ποιότητας δημιουργία εικόνας
- Γρήγορη επεξεργασία (10-20 δευτερόλεπτα)
- Αξιόπιστος χρόνος λειτουργίας
- Ενσωματωμένα φίλτρα ασφαλείας
Περιορισμοί:
- Απαιτεί Google Cloud λογαριασμό
- Τιμολόγηση βάσει χρήσης
- Ισχύουν όρια ρυθμού
Custom Endpoint
Απαιτήσεις:
- RESTful API endpoint
- Δέχεται POST αιτήματα με δεδομένα εικόνας
- Επιστρέφει JSON απάντηση με δημιουργημένη εικόνα
Συνήθη Προβλήματα & Λύσεις
Το Try-On Button δεν εμφανίζεται
- Έλεγχος: Το προϊόν έχει επιλεγμένο "Enable Optical Try-On"
- Έλεγχος: Το WooCommerce είναι ενεργό και ενημερωμένο
- Έλεγχος: Συμβατότητα theme (δοκιμάστε προεπιλεγμένο theme)
500 Internal Server Error
- Έλεγχος: PHP error logs για συγκεκριμένα σφάλματα
- Έλεγχος: Memory limit (αύξηση σε 256MB+)
- Έλεγχος: Execution time limit (60+ δευτερόλεπτα)
- Έλεγχος: File upload limits
Η Κάμερα δεν λειτουργεί
- Έλεγχος: Το HTTPS είναι ενεργοποιημένο (απαιτείται για πρόσβαση κάμερας)
- Έλεγχος: Οι άδειες browser έχουν δοθεί
- Έλεγχος: Η συσκευή έχει διαθέσιμη κάμερα
Η AI Δημιουργία αποτυγχάνει
- Έλεγχος: Το API key είναι έγκυρο και έχει credits
- Έλεγχος: Συνδεσιμότητα δικτύου στον AI provider
- Έλεγχος: Μέγεθος αρχείου εικόνας (κάτω από 10MB συνιστάται)
- Έλεγχος: Debug logs για συγκεκριμένα μηνύματα σφάλματος
Debug Mode
Ενεργοποιήστε το debug mode στις ρυθμίσεις για να λάβετε λεπτομερή logs:
- 1Πηγαίνετε στο WooCommerce → Virtual Try-On
- 2Επιλέξτε Debug Mode
- 3Αποθηκεύστε τις ρυθμίσεις
- 4Ελέγξτε τα server error logs για λεπτομερείς πληροφορίες