Πώς να προσθέσετε επαλήθευση ηλικίας στο Shopify (Βήμα βήμα)

Εάν εγγραφείτε σε μια υπηρεσία από έναν σύνδεσμο σε αυτήν τη σελίδα, η Reeves and Sons Limited ενδέχεται να κερδίσει μια προμήθεια. Δείτε το δικό μας δήλωση ηθικής.

Όταν πρωτοκυκλοφόρησα το Shopify κατάστημα Καθώς πουλάω προϊόντα ατμίσματος, ειλικρινά δεν σκέφτηκα και πολύ την επαλήθευση ηλικίας. Είχα ένα πλαίσιο ελέγχου στον ιστότοπο που έλεγε «Είσαι άνω των 18;» και σκέφτηκα ότι αυτό ήταν αρκετό.

Δεν ήταν.

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

Δείτε πώς ακριβώς έμαθα να προσθέτω την επαλήθευση ηλικίας στο Shopify — με τον σωστό τρόπο.

Γιατί η επαλήθευση ηλικίας έχει σημασία στο Shopify

Αν πουλάτε οτιδήποτε υπόκειται έστω και σε ελάχιστο βαθμό σε κανονισμούς — αλκοόλ, άτμισμα, CBD, συμπληρώματα, περιεχόμενο για ενηλίκους — εσείς χρειάζεται επαλήθευση ηλικίαςΔεν είναι απλώς κάτι που «καλό είναι να το έχεις». Είναι κάτι που προστατεύει την επιχείρησή σας, νομικά και οικονομικά.

Να τι έχω συναντήσει όλα αυτά τα χρόνια:

  • Η Stripe και το PayPal μπλόκαραν τον λογαριασμό μου μέχρι να μπορέσω να αποδείξω ότι είχα σωστή πύλη στη θέση της
  • Οι διαφημίσεις στο Facebook απορρίφθηκαν και οι καμπάνιες τους δεν εγκρίθηκαν. επειδή η σελίδα προορισμού μου δεν είχε επαλήθευση ηλικίας
  • Ένας πελάτης υπέβαλε αίτηση αντιστροφής χρέωσης, διεκδικώντας μια παραγγελία ανηλίκου από το κατάστημά μου (παρόλο που είχαν επιλέξει το πλαίσιο)

Τότε ήταν που άρχισα να ψάχνω Shopify-φιλικός επιλογέςΔεν υπάρχει ενσωματωμένη ηλικιακή περίφραξη, επομένως όλα εξαρτώνται από εφαρμογές ή προσαρμοσμένο κώδικα.

Επιλογή 1: Χρησιμοποιήστε ένα Shopify Εφαρμογή επαλήθευσης ηλικίας (Ταχύτερη + Ευκολότερη)

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

Εδώ είναι η κατανομή:

Όνομα εφαρμογήςΒασικά χαρακτηριστικάΤιμήΙδανικό για
Bouncer – Επαλήθευση ηλικίαςΠροσαρμοσμένο αναδυόμενο παράθυρο, διάρκεια συνεδρίας, απλό περιβάλλον χρήστη$ 3.99 / μήναΤα περισσότερα καταστήματα
Έλεγχος ηλικίας + από τις Northern AppsΑνακατευθύνει ανήλικους χρήστες, στόχευση χώραςΔωρεάν + Πληρωμένα προγράμματαΚαταστήματα με νομικούς περιορισμούς
Επαλήθευση ηλικίας EVSΕπαλήθευση πραγματικής ταυτότητας, έλεγχοι βάσεων δεδομένων$$$ (Επίπεδο επιχείρησης)Βιομηχανίες με έντονη συμμόρφωση
18 Plus από ZoomyΕλαφρύ, εύκολο στη ρύθμισηΔωρεάν + Πληρωμένα προγράμματαΒασικές βιτρίνες
Αναδυόμενο παράθυρο HulkAppsΙσχυρά εργαλεία σχεδιασμού, βελτιστοποιημένα για κινητάΔωρεάν διαθέσιμο σχέδιοΚαταστήματα που επικεντρώνονται στην εμπειρία χρήστη (UX)

Οι περισσότερες από αυτές τις εφαρμογές σάς επιτρέπουν να ορίσετε την ελάχιστη ηλικία (18 ή 21), να προσαρμόσετε τη σχεδίαση του αναδυόμενου παραθύρου και να επιλέξετε τι θα συμβεί εάν ένας χρήστης αποτύχει στην επαλήθευση (αποκλεισμός, ανακατεύθυνση ή επιτροπή περιήγησης).

Αυτό που μου άρεσε περισσότερο Ευταξίας ποτοπολείου ήταν ότι μπορούσα να ορίσω μια συνεδρία 30 ημερών. Έτσι, μόλις κάποιος περνούσε το όριο ηλικίας, δεν του ζητούσαν ξανά παρά μόνο αν είχε κάνει "κλικ".

Τι να προσέξουμε

  • Συμβατότητα με κινητά είναι ένα σημαντικό ζήτημα. Ορισμένα αναδυόμενα παράθυρα παρουσιάζουν σφάλματα ή δεν προσαρμόζονται σε μικρότερες οθόνες.
  • Geotargeting είναι ένα χαρακτηριστικό που πρέπει να ελεγχθεί. Για παράδειγμα, Καναδάς = 18+, ΗΠΑ = 21+ ανάλογα με την πολιτεία.
  • Ρυθμίσεις συνεδρίας σημασία. Αν το ορίσετε πολύ σύντομο, οι χρήστες που επιστρέφουν ενδέχεται να εγκαταλείψουν την αρχική σελίδα.

Εφαρμογές όπως αυτές λειτουργούν εισάγοντας ένα σενάριο στο Shopify θέμα. Φορτώνει πριν από το υπόλοιπο περιεχόμενο του ιστότοπου — επομένως λειτουργεί ως πραγματική «πύλη».

Επιλογή 2: Προσθήκη επαλήθευσης ηλικίας με μη αυτόματο τρόπο χρησιμοποιώντας τον κωδικό

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

Ακολουθεί η γρήγορη εγκατάσταση, αν σας αρέσει να επεξεργάζεστε τον κώδικα του θέματος:

Τι χρειάζεστε

  • Πρόσβαση σε theme.liquid φιλέτο
  • Βασικές γνώσεις HTML, CSS, JavaScript
  • Προθυμία για διεξοδικές δοκιμές σε υπολογιστές και κινητά

Βασικά βήματα

  1. Δημιουργήστε ένα αναδυόμενο κοντέινερ
    Χρησιμοποιήστε HTML για να δημιουργήσετε ένα modal που να καλύπτει ολόκληρη την οθόνη.
  2. Δώστε στυλ με CSS
    Βεβαιωθείτε ότι είναι κεντραρισμένο, αποκλείει κάθε αλληλεπίδραση με τη σελίδα και φαίνεται καθαρό.
  3. Προσθήκη κουμπιών
    Η επιλογή «Ναι, είμαι 18+» επιτρέπει στον χρήστη να εισέλθει. Η επιλογή «Όχι» είτε τον ανακατευθύνει είτε κλείνει τον ιστότοπο.
  4. Ρύθμιση cookies ή localStorage
    Έτσι, δεν τους ζητείται ξανά για έναν καθορισμένο αριθμό ημερών.
  5. Εισάγετε τον κώδικα σε theme.liquid
    Λίγο πριν το κλείσιμο </body> ετικέτα ώστε να φορτώνει σε κάθε σελίδα.

Απόσπασμα κώδικα (Απλοποιημένο)

htmlΑντιγραφήΕπεξεργασία<div id="age-gate" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;color:#fff;z-index:9999;">
  <div style="margin:auto;top:40%;position:relative;text-align:center;">
    <h2>Are you 18 or older?</h2>
    <button onclick="enterSite()">Yes</button>
    <button onclick="window.location.href='https://google.com'">No</button>
  </div>
</div>

<script>
  function enterSite() {
    document.getElementById("age-gate").style.display = "none";
    localStorage.setItem("ageVerified", "true");
  }

  if(localStorage.getItem("ageVerified") === "true") {
    document.getElementById("age-gate").style.display = "none";
  }
</script>

Πλεονεκτήματα μειονεκτήματα

Πλεονεκτήματα:

  • 100% έλεγχος στην εμφάνιση και την αίσθηση
  • Δεν υπάρχουν μηνιαίες χρεώσεις εφαρμογής
  • Κανένας κώδικας τρίτου μέρους δεν επιβραδύνει τον ιστότοπό σας

Μειονεκτήματα:

  • Σπάει εύκολα αν δεν κωδικοποιηθεί σωστά
  • Δεν πληροί τις νόμιμες προδιαγραφές για τους ελέγχους ταυτότητας
  • Δεν υπάρχουν αναλύσεις ή αναφορές εκτός αν το δημιουργήσετε εσείς

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

Τι γίνεται με την επαλήθευση βάσει ολοκλήρωσης αγοράς;

Λαμβάνω συνέχεια αυτήν την ερώτηση: «Μπορώ να επαληθεύσω την ηλικία μου κατά την ολοκλήρωση της αγοράς;»

Σύντομη απάντηση: όχι, εκτός αν είσαι ενεργοποιημένος/η Shopify Plus.

Shopify κλειδώνει το ταμείο του για λόγους ασφαλείας. Δεν μπορείτε να το τροποποιήσετε εκτός αν έχετε εταιρικό πρόγραμμα — κάτι που οι περισσότεροι από εμάς δεν έχουμε.

Ακόμα και στο Plus, οι επιλογές είναι περιορισμένες. Μπορείτε να προσθέσετε προσαρμοσμένα σενάρια και ίσως να επιβάλετε ένα πεδίο ημερομηνίας γέννησης, αλλά δεν υπάρχει API ή λειτουργία για πλήρη επαλήθευση ηλικίας κατά την ολοκλήρωση της αγοράς.

Λοιπόν, η καλύτερη κίνηση; Χειρισμός επαλήθευσης. πριν οι χρήστες αρχίζουν ακόμη και τα ψώνια.

Αν νομίζετε ότι μια ηλικιακή πύλη είναι απλώς μια λειτουργία UX, ξανασκεφτείτε το. Ορισμένα καταστήματα ηλεκτρονικού εμπορίου με τα οποία έχω συνεργαστεί έχουν πληγεί:

  • Πρόστιμα από παραβιάσεις του GDPR στην ΕΕ για μη επαλήθευση της ηλικίας πριν από τη συλλογή προσωπικών δεδομένων
  • Παράπονα από γονείς λέγοντας ότι ανήλικοι αγόρασαν προϊόντα ατμίσματος στο διαδίκτυο
  • Οι λογαριασμοί Stripe και PayPal παγώνουν επειδή δεν είχαν τρόπο να αποδείξουν ότι οι πελάτες ήταν άνω των 18 ετών

Μόνο το 2023, το Ηνωμένο Βασίλειο επέβαλε πρόστιμα σε πάνω από 80 καταστήματα ηλεκτρονικού εμπορίου επειδή δεν διέθεταν σωστή επαλήθευση σε προϊόντα με ηλικιακό περιορισμό. Δεν είναι θεωρητικό.

Ακολουθεί μια σύντομη περίληψη των νομικών ζητημάτων:

ΠεριοχήΑπαίτησηΚίνδυνος Επιβολής
Ηνωμένο Βασίλειο (ICO)Κώδικας Σχεδιασμού Κατάλληλος για ΗλικίεςΨηλά
ΗΠΑ (FTC)COPPA, νόμοι πολιτείαςΜεσαία–Υψηλή
ΕΕ (ΓΚΠΔ)Συγκατάθεση + έλεγχος ηλικίαςΠολύ ψηλά
CanadaΚανόνες σε επίπεδο επαρχίαςΜέτριας Δυσκολίας

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

Βέλτιστες πρακτικές για την επαλήθευση ηλικίας στο Shopify

Να τι έχει λειτουργήσει καλύτερα για μένα και τους πελάτες μου όλα αυτά τα χρόνια:

  • Χρησιμοποιήστε μια εφαρμογή εκτός αν χρειάζεστε οπωσδήποτε μια προσαρμοσμένη λύση
  • Δοκιμή του αναδυόμενου παραθύρου σε κινητό, tablet και υπολογιστής
  • Ορισμός cookie περιόδου σύνδεσης ώστε οι χρήστες να μην μπλοκάρονται σε κάθε επίσκεψη
  • Ανακατεύθυνση ανήλικων χρηστών ή να εμφανίσετε ένα σωστό μήνυμα αντί να κρύψετε απλώς το κατάστημα
  • Μην χρησιμοποιείτε πύλη μόνο με πλαίσιο ελέγχου — είναι νομικά άχρηστο

Επίσης, μην επιλέγετε απλώς την πρώτη εφαρμογή που φαίνεται καλή. Δοκιμάστε μερικές, δοκιμάστε πώς φορτώνουν και δείτε πώς ταιριάζουν με το θέμα σας. Ορισμένα θέματα (ειδικά αυτά που είναι πολύ προσαρμοσμένα) μπορεί να σπάσουν τις επικαλύψεις επαλήθευσης ηλικίας.

Wrap-Up

Εάν εκτελείτε ένα Shopify κατάστημα που πουλάει μόνο σε ενήλικες, μην περιμένετε να προσθέσετε επαλήθευση ηλικίας.

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

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

Joe Warnimont

Ο Joe Warnimont είναι συγγραφέας από το Σικάγο που επικεντρώνεται στα εργαλεία ηλεκτρονικού εμπορίου, το WordPress και τα κοινωνικά μέσα. Όταν δεν ψαρεύει ή δεν κάνει γιόγκα, συλλέγει γραμματόσημα σε εθνικά πάρκα (αν και αυτό είναι κυρίως για παιδιά). Δείτε το χαρτοφυλάκιο του Joe για να επικοινωνήσετε μαζί του και να δείτε προηγούμενες δουλειές.

Σχόλια απαντήσεις 0

Αφήστε μια απάντηση

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται *

Βαθμολογία *

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς γίνεται η επεξεργασία των δεδομένων των σχολίων σας.

Δοκιμάστε Shopify για 3 μήνες με 1$/μήνα!
shopify-first-one-dollar-promo-3-μήνες