Come aggiungere la verifica dell'età su Shopify (Passo dopo passo)

Se ti abboni a un servizio da un link in questa pagina, Reeves and Sons Limited potrebbe guadagnare una commissione. Vedi il nostro Dichiarazione etica.

Quando ho lanciato per la prima volta il mio Shopify Tornare al suo account Vendendo prodotti per lo svapo, onestamente non ho dato molta importanza alla verifica dell'età. Avevo spuntato una casella sul sito con scritto "Hai più di 18 anni?" e ho pensato che fosse sufficiente.

Non lo era.

Ho scoperto abbastanza rapidamente che i limiti di età di base non ti proteggono — non da problemi legali, addebiti non richiesti o persino blocchi dei processori di pagamento. A seconda di dove si trovano i tuoi clienti, la mancanza di un livello di verifica potrebbe mettere a rischio il tuo negozio.

Ecco esattamente come ho imparato ad aggiungere la verifica dell'età su Shopify — nel modo giusto.

Perché la verifica dell'età è importante Shopify

Se vendi qualcosa che è anche lontanamente regolamentato, come alcol, svapo, CBD, integratori, contenuti per adulti, tu è necessaria la verifica dell'etàNon è solo un "optional". È qualcosa che protegge la tua attività, legalmente e finanziariamente.

Ecco cosa mi è capitato nel corso degli anni:

  • Stripe e PayPal hanno bloccato il mio account finché non ho potuto dimostrare di aver installato il gate corretto
  • Campagne di Facebook Ads non approvate perché la mia landing page non prevedeva la verifica dell'età
  • Un cliente ha presentato una richiesta di addebito, sostenendo che un minorenne ha ordinato dal mio negozio (nonostante abbia spuntato la casella)

Fu allora che iniziai ad approfondire Shopify-friendly OpzioniNon esiste un limite di età predefinito, quindi è tutto una questione di app o codice personalizzato.

Opzione 1: utilizzare un Shopify App di verifica dell'età (più veloce e semplice)

Se desideri un age gate pulito e affidabile senza toccare il codice, Shopify Le app sono la scelta migliore. Ne ho testate cinque tra le migliori prima di scegliere quella che funzionava.

Ecco la ripartizione:

Nome dell'applicazioneFunzionalità principaliPrezzoIdeale per
Bouncer – Verifica dell'etàPopup personalizzato, durata della sessione, interfaccia utente semplice$ 3.99 / meseLa maggior parte dei negozi
Controllo dell'età + di Northern AppsReindirizza gli utenti minorenni, targeting per paesePiani gratuiti + a pagamentoNegozi con restrizioni legali
Verifica dell'età EVSVerifica dell'identità reale, controlli del database$$$ (livello aziendale)Settori ad alta conformità
18 Plus di ZooomyLeggero e facile da installarePiani gratuiti + a pagamentoVetrine di base
Popup di HulkAppsStrumenti di progettazione potenti, ottimizzati per dispositivi mobiliPiano gratuito disponibileNegozi focalizzati sull'esperienza utente

La maggior parte di queste app consente di impostare l'età minima (18 o 21), personalizzare il design del popup e scegliere cosa fare se un utente non supera la verifica (bloccarlo, reindirizzarlo o consentirgli di navigare).

Quello che mi è piaciuto di più Bouncer era che potevo impostare una sessione di 30 giorni. Quindi, una volta superata la soglia di età, non veniva più richiesto a meno che non cancellasse i cookie.

Cosa lo aspetta

  • Compatibilità mobile è un grosso problema. Alcuni popup si rompono o non si adattano agli schermi più piccoli.
  • Geotargeting È una caratteristica da verificare. Ad esempio, Canada = 18+, USA = 21+ a seconda dello stato.
  • Impostazioni della sessione questione. Se imposti un valore troppo breve, gli utenti di ritorno potrebbero abbandonare il sito.

Le app come queste funzionano inserendo uno script nel tuo Shopify tema. Si carica prima del resto del contenuto del sito, quindi funge da vero e proprio "cancello".

Opzione 2: aggiungere manualmente la verifica dell'età tramite codice

Quando ho voluto il pieno controllo sull'aspetto dell'age gate, ne ho creato uno mio. Non è stato facile, ma mi ha dato più libertà su layout, animazioni e cookie.

Ecco la configurazione rapida se hai dimestichezza con la modifica del codice del tema:

Di cosa avrai bisogno

  • Accesso a theme.liquid filetto
  • Conoscenza di base di HTML, CSS, JavaScript
  • Disponibilità a testare approfonditamente su desktop e dispositivi mobili

Passaggi di base

  1. Crea un contenitore popup
    Utilizzare HTML per creare una finestra modale che occupi l'intero schermo.
  2. Imposta lo stile con CSS
    Assicurati che sia centrato, blocchi ogni interazione con la pagina e abbia un aspetto pulito.
  3. Aggiungi pulsanti
    "Sì, ho più di 18 anni" consente l'accesso all'utente. "No" lo reindirizza o chiude il sito.
  4. Imposta cookie o localStorage
    In modo che non venga loro chiesto di nuovo di farlo per un numero stabilito di giorni.
  5. Iniettare il codice in theme.liquid
    Proprio prima della chiusura </body> in modo che venga caricato su ogni pagina.

Frammento di codice (semplificato)

htmlCopiaModifica<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>

Pro e contro

PRO:

  • Controllo al 100% su aspetto e funzionalità
  • Nessun costo mensile per l'app
  • Nessun codice di terze parti che rallenta il tuo sito

Contro:

  • Si rompe facilmente se non codificato correttamente
  • Non soddisfa gli standard legali per i controlli dell'identità
  • Nessuna analisi o reporting a meno che non lo si crei

Se non sei un tecnico o non hai uno sviluppatore, ti consiglio di saltare questo passaggio. Il rischio non vale la pena se rompi il layout del tema o blocchi l'accesso degli utenti.

Che dire della verifica basata sul pagamento?

Ricevo sempre questa domanda: "Posso verificare l'età al momento del pagamento?"

Risposta breve: no, a meno che tu non sia su Shopify Plus.

Shopify Blocca il checkout per motivi di sicurezza. Non è possibile modificarlo a meno che non si abbia un piano aziendale, cosa che la maggior parte di noi non ha.

Anche su Plus, le opzioni sono limitate. È possibile aggiungere script personalizzati e magari forzare un campo data di nascita, ma non esiste un'API o una funzionalità per la verifica completa dell'età al momento del pagamento.

Quindi la mossa migliore? Gestire la verifica prima gli utenti iniziano addirittura a fare acquisti.

Se pensi che un limite di età sia solo una funzionalità UX, ripensaci. Alcuni negozi di e-commerce con cui ho lavorato sono stati colpiti da:

  • Multe per violazioni del GDPR nell'UE per non aver verificato l'età prima di raccogliere i dati personali
  • Reclami dei genitori affermando che i minorenni hanno acquistato prodotti per lo svapo online
  • Gli account Stripe e PayPal si bloccano perché non avevano modo di dimostrare che i clienti avessero più di 18 anni

Solo nel 2023, il Regno Unito ha multato oltre 80 negozi di e-commerce per non aver effettuato verifiche adeguate sui prodotti soggetti a restrizioni di età. Non è solo teoria.

Ecco un breve riepilogo delle considerazioni legali:

destinazioneRequisitoRischio di applicazione
Regno Unito (ICO)Codice di progettazione appropriato per etàAlta
Stati Uniti (FTC)COPPA, leggi stataliMedio-Alto
UE (GDPR)Consenso + screening dell'etàMolto alto
CanadaRegole a livello provincialeMedio

Se stai collezionando e-mail, numeri di telefono o indirizzi, sei responsabile della protezione degli utenti minorenni dall'esposizione di tali dati.

Migliori pratiche per la verifica dell'età su Shopify

Ecco cosa ha funzionato meglio per me e i miei clienti nel corso degli anni:

  • Usa un'app a meno che non ti serva assolutamente una soluzione personalizzata
  • Prova il popup su dispositivi mobili, tablet e desktop
  • Imposta un cookie di sessione così gli utenti non vengono bloccati a ogni visita
  • Reindirizzare gli utenti minorenni o mostrare un messaggio appropriato invece di nascondere semplicemente il negozio
  • Non utilizzare un cancello con solo caselle di controllo — è legalmente inutile

Inoltre, non limitarti a scegliere la prima app che ti sembra giusta. Provane diverse, verifica come si caricano e vedi come si integrano con il tuo tema. Alcuni temi (soprattutto quelli fortemente personalizzati) possono compromettere le sovrapposizioni di verifica dell'età.

Wrap-Up

Se gestisci un file Shopify Negozio che vende solo ad adulti: non aspettare ad aggiungere la verifica dell'età.

L'ho ignorato una volta e ho pagato per questo con mal di testa, blocchi di account e rifiuti di pubblicità. Da allora, ho usato app come Bouncer o sistemi manuali sviluppati a seconda della complessità del negozio.

Che tu scelga un'app o la crei da solo, assicurati che sia veloce, ottimizzata per i dispositivi mobili e legalmente valida. Questo è ciò che protegge il tuo negozio a lungo termine.

Joe Warnimont

Joe Warnimont è uno scrittore con sede a Chicago che si concentra su strumenti di eCommerce, WordPress e social media. Quando non pesca o non pratica yoga, colleziona francobolli nei parchi nazionali (anche se è principalmente per bambini). Dai un'occhiata al portfolio di Joe per contattarlo e visualizzare il lavoro passato.

Commenti Risposte 0

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

Valutazione *

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.

STIMA SMART DI Shopify per 3 mesi con $ 1/mese!
shopify-primo-dollaro-promo-3-mesi