WHAT WE MAKE
Virtual try-on μακιγιάζ για WooCommerce.
Δοκιμαστήριο μακιγιάζ για WooCommerce: ο πελάτης βλέπει κραγιόν, ρουζ, σκιές και μάσκαρα πάνω στο πρόσωπό του, ζωντανά από την κάμερα ή σε φωτογραφία, και τα βάζει στο καλάθι από το ίδιο παράθυρο. Η εικόνα δεν φεύγει από τη συσκευή του.
Σε λειτουργία σε: Lorin Cosmetics (το έργο μας)
Δοκιμάστε τις αποχρώσεις.
Εδώ δοκιμάζετε κραγιόν και ρουζ. Στο e-shop σας, το plugin έχει και σκιές, μάσκαρα, look και καλάθι.
Σε αριθμούς
- 478 σημεία στο πρόσωπο, με πραγματικό face tracking
- 4 τύποι προϊόντων: κραγιόν, ρουζ, σκιά, μάσκαρα
- 7 finishes, από matte ως glitter
- ≈ 7 KB στη σελίδα, πριν ο πελάτης δείξει ενδιαφέρον
- 127 μεταφράσιμα κείμενα για τον πελάτη
Πώς λειτουργεί.
- Ο πελάτης ανοίγει την κάμερα ή ανεβάζει μια φωτογραφία.
- Το πρόσωπο εντοπίζεται σε 478 σημεία και το χρώμα απλώνεται με το finish του προϊόντος: βάφει, δεν ζωγραφίζει.
- Ο πελάτης βάζει στο καλάθι την απόχρωση ή όλο το look, από το ίδιο παράθυρο.
Μέσα στο κατάστημά σας.
Στη σελίδα προϊόντος
Το κουμπί «Δοκίμασε το Live» μπαίνει σε μία από τέσσερις θέσεις και ένα σήμα στη φωτογραφία του προϊόντος ανοίγει το ίδιο παράθυρο. Τίποτα βαρύ δεν φορτώνει πριν ο πελάτης δείξει ενδιαφέρον.
Ζωντανά από την κάμερα
Το πρόσωπο εντοπίζεται και η απόχρωση απλώνεται στα χείλη. Ο πελάτης αλλάζει απόχρωση με ένα πάτημα και βλέπει δίπλα την τιμή.
Πριν και μετά
Ένας οδηγός που σύρεται δείχνει το ίδιο πρόσωπο χωρίς και με το μακιγιάζ, στην ίδια εικόνα.
Όλο το look στο καλάθι
Κραγιόν, ρουζ, σκιά και μάσκαρα γίνονται ένα look με σύνολο στο νόμισμα του καταστήματος, και μπαίνουν στο καλάθι με ένα πάτημα.
Στο κινητό, όλη η οθόνη
Στο κινητό το παράθυρο πιάνει όλη την οθόνη: η εικόνα επάνω, οι αποχρώσεις από κάτω και το καλάθι πάντα στο κάτω μέρος.
Οι οθόνες του plugin, ξαναχτισμένες σε HTML με δοκιμαστικά δεδομένα. Το πρόσωπο είναι εικονογράφηση.
Τι κάνει.
-
Πραγματικό face tracking
478 σημεία στο πρόσωπο με το MediaPipe FaceMesh. Το χρώμα ακολουθεί την κίνηση, την κλίση του κεφαλιού και το βλεφάρισμα, και δεν σβήνει όταν ένα χέρι περάσει γρήγορα μπροστά από την κάμερα.
-
Κάθε finish με τον τρόπο του
Matte, satin, gloss, shimmer, glitter, metallic, sheer. Η υγρή σκιά απλώνεται ως φιλμ που πιάνει το φως, η πούδρα ως απαλό χρώμα, οι βλεφαρίδες με όγκο, μήκος και καμπύλη. Η υφή των χειλιών φαίνεται μέσα από το κραγιόν.
-
Από τη δοκιμή στο καλάθι
Αποχρώσεις από variations ή συνδεδεμένα προϊόντα, τιμή στο νόμισμα του καταστήματος, «Στο καλάθι» ή όλο το look με ένα πάτημα.
-
Γρήγορο και ιδιωτικό
Μέχρι ο πελάτης να δείξει ενδιαφέρον, η σελίδα προϊόντος δεν φορτώνει κανένα επιπλέον αρχείο: μόνο περίπου 7 KB μέσα στην ίδια τη σελίδα. Η επεξεργασία της εικόνας γίνεται μέσα στη συσκευή του και η εικόνα δεν ανεβαίνει σε server.
-
Στα μέτρα του καταστήματος
Ένα χρώμα ντύνει όλο το παράθυρο. Δεκαπέντε λειτουργίες ανοίγουν και κλείνουν, και το κείμενο και η θέση του κουμπιού αλλάζουν. Όλα μεταφράζονται μέσα από το BNX WooTranslator, το WPML ή το Polylang. Η καρτέλα «Στατιστικά» δείχνει ποιες αποχρώσεις δοκιμάζονται.
Εσείς έχετε τον έλεγχο.
Ο πελάτης βλέπει την απόχρωση πάνω του. Εσείς βλέπετε ποια δοκιμάζει και ορίζετε τι δείχνει το παράθυρο.
Με τι δουλεύει.
Συμβατότητα
Συχνές ερωτήσεις.
Φεύγει η εικόνα του πελάτη από τη συσκευή;
Όχι. Η επεξεργασία της κάμερας και των φωτογραφιών γίνεται μέσα στον browser. Στο κατάστημα στέλνονται μόνο στοιχεία του προϊόντος (κωδικός, απόχρωση), για το καλάθι και τη μέτρηση δοκιμών. Τα αρχεία του MediaPipe φορτώνουν από CDN ή, αν το προτιμάτε, από τον δικό σας server.
Τι χρειάζεται για να λειτουργήσει;
WooCommerce 6 ή νεότερο, PHP 8, HTTPS για την κάμερα και ενεργή άδεια. Για το αυτόματο χρώμα από την εικόνα χρειάζεται η βιβλιοθήκη GD, που υπάρχει στους περισσότερους servers.
Κι αν ο πελάτης δεν έχει κάμερα ή δεν δώσει άδεια;
Δοκιμάζει σε φωτογραφία: την επιλέγει, τη σέρνει στο παράθυρο ή την επικολλά. JPG, PNG ή WebP έως 10 MB.
Πώς ορίζονται τα χρώματα;
Με hex σε κάθε προϊόν ή αυτόματα από την εικόνα του. Οι αποχρώσεις έρχονται από τις variations ή από προϊόντα που έχετε συνδέσει μεταξύ τους. Για ακριβές χρώμα προτείνουμε hex ανά απόχρωση.
Λειτουργεί σε πολύγλωσσο κατάστημα;
Ναι, με το BNX WooTranslator, το WPML ή το Polylang. Οι ρυθμίσεις του προϊόντος ισχύουν σε όλες τις γλώσσες και ο πελάτης βλέπει ονόματα, τιμές και καλάθι στη γλώσσα της σελίδας.
Βαραίνει τη σελίδα προϊόντος;
Ελάχιστα: μέχρι ο πελάτης να δείξει ενδιαφέρον, περίπου 7 KB μέσα στην ίδια τη σελίδα (το κουμπί, το στυλ του και η δομή του παραθύρου) και κανένα επιπλέον αρχείο. Το στυλ και ο κώδικας του παραθύρου κατεβαίνουν όταν ο πελάτης περάσει πάνω από το κουμπί ή το αγγίξει, και η ανίχνευση προσώπου όταν ανοίξει το παράθυρο.
Ξεκινάμε;
Πείτε μας για τον κατάλογό σας. Σας δείχνουμε το Virtual Try On με τις δικές σας αποχρώσεις.