Toen ik mijn eerste Shopify shop Omdat ik vape-producten verkocht, dacht ik eerlijk gezegd niet veel na over leeftijdsverificatie. Ik had een vakje op de site staan โโmet de tekst "Ben je ouder dan 18?" en dacht dat dat voldoende was.
Dat was het niet.
Ik kwam er al snel achter dat basisleeftijdsgrenzen beschermen je niet โ niet vanwege juridische problemen, terugboekingen of zelfs het sluiten van betalingsverwerkers. Afhankelijk van waar uw klanten zich bevinden, kan die ontbrekende verificatielaag uw winkel in gevaar brengen.
Dit is precies hoe ik heb geleerd om leeftijdsverificatie toe te voegen aan Shopify โ op de juiste manier.
Waarom leeftijdsverificatie belangrijk is Shopify
Als u iets verkoopt dat ook maar enigszins gereguleerd is โ alcohol, vape, CBD, supplementen, inhoud voor volwassenen โ leeftijdsverificatie nodigHet is niet zomaar een 'nice to have'. Het is iets dat uw bedrijf beschermt, zowel juridisch als financieel.
Dit ben ik de afgelopen jaren tegengekomen:
- Stripe en PayPal hebben mijn account geblokkeerd totdat ik kon bewijzen dat ik de juiste poorten had
- Afgekeurde Facebook-advertentiecampagnes omdat mijn landingspagina geen leeftijdsverificatie had
- Eรฉn klant heeft een terugboeking ingediend, bewerend dat een minderjarige iets in mijn winkel heeft besteld (ondanks dat ze het vakje hadden aangevinkt)
Toen begon ik me erin te verdiepen Shopify-vriendelijk optiesEr is geen ingebouwde leeftijdsgrens, het draait allemaal om apps of aangepaste code.
Optie 1: Gebruik een Shopify Leeftijdsverificatie-app (snelst + gemakkelijkst)
Als u een schone, betrouwbare leeftijdsgrens wilt zonder de code aan te raken, Shopify apps zijn de beste optie. Ik heb vijf van de beste getest voordat ik besloot welke het beste werkte.
Dit is de verdeling:
| App Naam | BELANGRIJKSTE KENMERKEN | Prijs | beste voor |
|---|---|---|---|
| Bouncer โ Leeftijdsverificatie | Aangepaste pop-up, sessieduur, eenvoudige gebruikersinterface | $ 3.99 / maand | De meeste winkels |
| Leeftijdscontrole + door Northern Apps | Stuurt minderjarige gebruikers om, landtargeting | Gratis + Betaalde abonnementen | Winkels met wettelijke beperkingen |
| EVS-leeftijdsverificatie | Echte ID-verificatie, databasecontroles | $$$ (ondernemingsniveau) | Sectoren met een hoge mate van compliance |
| 18 Plus door Zooomy | Lichtgewicht, eenvoudig op te zetten | Gratis + Betaalde abonnementen | Basis winkelpuien |
| HulkApps Popup | Krachtige ontwerptools, geoptimaliseerd voor mobiel | Gratis plan beschikbaar | Winkels gericht op UX |
Bij de meeste van deze apps kunt u de minimumleeftijd instellen (18 of 21), het ontwerp van de pop-ups aanpassen en kiezen wat er gebeurt als een gebruiker de verificatie niet doorstaat (blokkeren, omleiden of laten browsen).
Waar ik het meest van hield Uitsmijter was dat ik een sessie van 30 dagen kon instellen. Dus zodra iemand de leeftijdsgrens passeerde, werd hij of zij niet meer gevraagd, tenzij hij of zij de cookies had gewist.
Waarop moet ik letten?
- Mobiele compatibiliteit is een groot probleem. Sommige pop-ups werken niet of schalen niet op kleinere schermen.
- Geotargeting is een kenmerk om te controleren. Bijvoorbeeld: Canada = 18+, VS = 21+, afhankelijk van de staat.
- Sessie-instellingen maakt niet uit. Als je het te kort instelt, kunnen terugkerende gebruikers afhaken.
Apps zoals deze werken door een script in uw browser te plaatsen. Shopify thema. Het laadt vรณรณr de rest van de site-inhoud, en fungeert dus als een echte 'poort'.
Optie 2: Handmatig leeftijdsverificatie toevoegen met behulp van code
Toen ik volledige controle wilde over hoe de leeftijdspoort eruit zag, bouwde ik er zelf een. Het was niet makkelijk, maar het gaf me meer vrijheid over de lay-out, animatie en cookies.
Als je graag themacode bewerkt, kun je het volgende snel doen:
Wat je nodig hebt
- Toegang tot
theme.liquidfilet - Basiskennis van HTML, CSS, JavaScript
- Bereidheid om grondig te testen op desktop en mobiel
Basisstappen
- Een pop-upcontainer maken
Gebruik HTML om een โโmodaal venster te maken dat het hele scherm beslaat. - Stijl het met CSS
Zorg ervoor dat de banner gecentreerd is, dat er geen interactie met de pagina plaatsvindt en dat de banner er overzichtelijk uitziet. - Knoppen toevoegen
Met "Ja, ik ben 18+" wordt de gebruiker binnengelaten. Met "Nee" wordt de gebruiker doorgestuurd of wordt de site gesloten. - Cookies of localStorage instellen
Zodat ze niet opnieuw om een โโbepaald aantal dagen gevraagd worden. - Injecteer de code in
theme.liquid
Vlak voor de sluiting</body>tag zodat deze op elke pagina laadt.
Codefragment (vereenvoudigd)
htmlKopiรซrenBewerken<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>
Voor-en nadelen
Voors:
- 100% controle over look en feel
- Geen maandelijkse app-kosten
- Geen code van derden die uw site vertraagt
nadelen:
- Breekt gemakkelijk als het niet goed is gecodeerd
- Voldoet niet aan de wettelijke normen voor identiteitscontroles
- Geen analyse of rapportage, tenzij u het zelf bouwt
Als je niet technisch bent of geen ontwikkelaar hebt, zou ik dit overslaan. Het risico is het niet waard als je de lay-out van je thema verstoort of gebruikers buitensluit.
Hoe zit het met verificatie op basis van het afrekenen?
Ik krijg steeds de vraag: โKan ik bij het afrekenen mijn leeftijd verifiรซren?โ
Kort antwoord: nee, tenzij je op Shopify Plus.
Shopify blokkeert de checkout om veiligheidsredenen. Je kunt het niet wijzigen, tenzij je een zakelijk abonnement hebt โ wat de meesten van ons niet hebben.
Zelfs op Plus zijn de opties beperkt. Je kunt aangepaste scripts toevoegen en misschien een geboortedatumveld forceren, maar er is geen API of functie voor volledige leeftijdsverificatie bij het afrekenen.
Dus wat is de beste zet? Verificatie afhandelen vaardigheden gebruikers beginnen zelfs met winkelen.
Juridische en compliance-risico's zonder leeftijdsgrenzen
Als je denkt dat een leeftijdsgrens slechts een UX-functie is, denk dan nog maar eens goed na. Sommige webshops waar ik mee heb gewerkt, kregen te maken met:
- Boetes voor AVG-overtredingen in de EU omdat de leeftijd niet wordt gecontroleerd voordat persoonlijke gegevens worden verzameld
- Klachten van ouders zeggen dat minderjarigen vape-producten online kochten
- Stripe- en PayPal-accounts bevriezen omdat ze geen manier hadden om te bewijzen dat klanten 18+ waren
Alleen al in 2023 legde het Verenigd Koninkrijk meer dan 80 webwinkels een boete op omdat ze geen goede verificatie hadden voor leeftijdsgebonden producten. Het is geen theorie.
Hier volgt een korte samenvatting van de juridische overwegingen:
| Regio | eis | Handhavingsrisico |
|---|---|---|
| VK (ICO) | Leeftijd Geschikte ontwerpcode | Hoog |
| VS (FTC) | COPPA, staatswetten | GemiddeldโHoog |
| EU (AVG) | Toestemming + leeftijdscontrole | Zeer hoog |
| Canada | Regels op provinciaal niveau | Medium |
Als je verzamelt e-mails, telefoonnummers of adressenbent u verantwoordelijk voor het beschermen van minderjarige gebruikers tegen blootstelling van die gegevens.
Beste praktijken voor leeftijdsverificatie op Shopify
Dit heeft door de jaren heen het beste voor mij en mijn cliรซnten gewerkt:
- Gebruik een app tenzij u absoluut een oplossing op maat nodig heeft
- Test de pop-up op mobiel, tablet en desktop
- Een sessiecookie instellen zodat gebruikers niet bij elk bezoek worden geblokkeerd
- Minderjarige gebruikers omleiden of toon een goede boodschap in plaats van alleen de winkel te verbergen
- Gebruik geen poort die alleen uit selectievakjes bestaat โ het is juridisch nutteloos
Kies ook niet zomaar de eerste app die er goed uitziet. Probeer er een paar, test hoe ze laden en kijk hoe ze met je thema werken. Sommige thema's (vooral sterk aangepaste) kunnen de overlays voor leeftijdsverificatie verstoren.
Wrap-Up
Als je een hebt Shopify Als u een winkel bezoekt die alleen aan volwassenen verkoopt, wacht dan niet met het toevoegen van leeftijdsverificatie.
Ik heb het รฉรฉn keer genegeerd en heb daarvoor betaald in de vorm van hoofdpijn, geblokkeerde accounts en geweigerde advertenties. Sindsdien gebruik ik apps zoals Uitsmijter of handmatige systemen ontwikkelden, afhankelijk van de complexiteit van de winkel.
Of je nu een app gebruikt of hem zelf bouwt, zorg ervoor dat hij snel, mobielvriendelijk en juridisch verantwoord is. Dat is wat je winkel op de lange termijn beschermt.
Heb je vragen? Stel ze hier. 0 Reacties