Comment ajouter une vérification de l'âge sur Shopify (Pas à pas)

Quand j'ai lancé mon premier Shopify Boutique En vendant des produits de vapotage, je n'accordais pas vraiment d'importance à la vérification de l'âge. J'avais une case à cocher sur le site indiquant « Avez-vous plus de 18 ans ? » et je me suis dit que c'était suffisant.

Ça ne l'était pas.

J'ai découvert assez rapidement que les barrières d'âge de base ne vous protègent pas — pas à cause de problèmes juridiques, de rétrofacturations, ni même de fermetures de processeurs de paiement. Selon l'endroit où se trouvent vos clients, cette absence de vérification pourrait mettre votre boutique en danger.

Voici exactement comment j'ai appris à ajouter la vérification de l'âge sur Shopify — la bonne façon.

Pourquoi la vérification de l'âge est importante Shopify

Si vous vendez quelque chose qui est même vaguement réglementé — alcool, vapotage, CBD, suppléments, contenu pour adultes — vous besoin d'une vérification d'âgeCe n'est pas seulement un « plus ». C'est quelque chose qui protège votre entreprise, légalement et financièrement.

Voici ce que j'ai rencontré au fil des années :

• Stripe et PayPal ont bloqué mon compte jusqu'à ce que je puisse prouver que j'avais mis en place une porte appropriée
• Campagnes Facebook Ads refusées parce que ma page de destination manquait de vérification de l'âge
• Un client a déposé une rétrofacturation, affirmant qu'un mineur a commandé dans ma boutique (même s'il a coché la case)

C'est à ce moment-là que j'ai commencé à creuser Shopify-amical OptionsIl n'y a pas de limite d'âge intégrée, il s'agit donc uniquement d'applications ou de code personnalisé.

Option 1 : utilisez un Shopify Application de vérification de l'âge (la plus rapide et la plus simple)

Si vous souhaitez une barrière d'âge propre et fiable sans code tactile, Shopify Les applications sont votre meilleure option. J'en ai testé cinq parmi les meilleures avant de choisir celle qui a fonctionné.

Voici la ventilation:

Nom de l'application	Fonctionnalités clés	Prix	Idéal pour
Videur – Vérification de l'âge	Fenêtre contextuelle personnalisée, durée de session, interface utilisateur simple	$ 3.99/mois	La plupart des magasins
Vérification de l'âge + par Northern Apps	Redirige les utilisateurs mineurs, ciblage par pays	Plans gratuits + payants	Magasins avec restrictions légales
Vérification de l'âge EVS	Vérification d'identité réelle, vérifications de bases de données	$$$ (niveau entreprise)	Industries à forte intensité de conformité
18 Plus par Zooomy	Léger et facile à installer	Plans gratuits + payants	Vitrines de base
Fenêtre contextuelle HulkApps	Des outils de conception puissants, optimisés pour les mobiles	Plan gratuit disponible	Des magasins axés sur l'UX

La plupart de ces applications vous permettent de définir l'âge minimum (18 ou 21 ans), de personnaliser la conception des fenêtres contextuelles et de choisir ce qui se passe si un utilisateur échoue à la vérification (bloquer, rediriger ou le laisser naviguer).

Ce que j'ai le plus aimé Videur Je pouvais définir une session de 30 jours. Ainsi, une fois la limite d'âge franchie, on ne lui demandait plus rien, à moins qu'il ne supprime les cookies.

Ce qu'il faut surveiller

• Compatibilité mobile C'est un problème majeur. Certaines fenêtres contextuelles ne fonctionnent pas ou ne s'affichent pas correctement sur les petits écrans.
• Géociblage Il s'agit d'une caractéristique à vérifier. Par exemple, Canada = 18 ans et plus, États-Unis = 21 ans et plus, selon l'État.
• Paramètres de session Si vous le définissez trop court, les utilisateurs qui reviennent risquent de rebondir.

Des applications comme celles-ci fonctionnent en insérant un script dans votre Shopify Thème. Il se charge avant le reste du contenu du site, agissant ainsi comme une véritable « porte ».

Option 2 : Ajouter manuellement la vérification de l'âge à l'aide du code

Lorsque j'ai voulu contrôler entièrement l'apparence de la grille d'âge, j'ai créé la mienne. Ce n'était pas simple, mais cela m'a donné plus de liberté sur la mise en page, l'animation et les cookies.

Voici la configuration rapide si vous êtes à l'aise avec l'édition du code du thème :

Ce qu'il vous faut

• L'accès à la theme.liquid filet
• Connaissances de base en HTML, CSS, JavaScript
• Volonté de tester en profondeur sur ordinateur et mobile

Étapes de base

1. Créer un conteneur contextuel
   Utilisez HTML pour créer un modal qui s'étend sur tout l'écran.
2. Stylisez-le avec CSS
   Assurez-vous qu'il est centré, qu'il bloque toute interaction avec la page et qu'il a l'air propre.
3. Ajouter des boutons
   « Oui, j'ai plus de 18 ans » permet à l'utilisateur d'entrer. « Non » le redirige ou ferme le site.
4. Configurer les cookies ou le stockage local
   Ainsi, on ne leur demande plus rien pendant un certain nombre de jours.
5. Injectez le code dans theme.liquid
   Juste avant la clôture </body> balise pour qu'elle se charge sur chaque page.

Extrait de code (simplifié)

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

Avantages et inconvénients

Avantages:

• Contrôle à 100 % de l'apparence et de la convivialité
• Pas de frais d'application mensuels
• Aucun code tiers ne ralentit votre site

Inconvénients:

• Se casse facilement s'il n'est pas correctement codé
• Ne répond pas aux normes légales en matière de contrôle d'identité
• Aucune analyse ni aucun rapport à moins que vous ne les créiez vous-même

Si vous n'êtes pas un expert technique ou si vous n'avez pas de développeur, je vous conseille d'ignorer cette option. Le risque n'en vaut pas la peine si vous perturbez la mise en page de votre thème ou bloquez l'accès des utilisateurs.

Qu'en est-il de la vérification basée sur le paiement ?

Je reçois tout le temps cette question : « Puis-je vérifier l’âge au moment du paiement ? »

Réponse courte: non, à moins que vous ne soyez sur Shopify Plus.

Shopify Le paiement est verrouillé pour des raisons de sécurité. Vous ne pouvez pas le modifier, sauf si vous avez un forfait Entreprise, ce qui n'est pas le cas de la plupart d'entre nous.

Même avec Plus, les options sont limitées. Vous pouvez ajouter des scripts personnalisés et éventuellement imposer un champ de date de naissance, mais il n'existe aucune API ni fonctionnalité permettant de vérifier l'âge lors du paiement.

Alors, la meilleure solution ? Gérer la vérification avant les utilisateurs commencent même à faire des achats.

Risques juridiques et de conformité sans barrières d'âge

Si vous pensez qu'une barrière d'âge n'est qu'une fonctionnalité d'expérience utilisateur, détrompez-vous. Certaines boutiques en ligne avec lesquelles j'ai travaillé ont été touchées par :

• Amendes pour violation du RGPD dans l'UE pour ne pas avoir vérifié l'âge avant de collecter des données personnelles
• Plaintes des parents affirmant que des mineurs achetaient des produits de vapotage en ligne
• Les comptes Stripe et PayPal sont gelés parce qu'ils n'avaient aucun moyen de prouver que les clients avaient plus de 18 ans

Rien qu'en 2023, le Royaume-Uni a infligé des amendes à plus de 80 boutiques en ligne pour ne pas avoir procédé à une vérification adéquate des produits soumis à des restrictions d'âge. Ce n'est pas une théorie.

Voici un bref résumé des considérations juridiques :

Région	Exigence	Risque lié à l'application de la loi
Royaume-Uni (ICO)	Code de conception adapté à l'âge	Haute
États-Unis (FTC)	COPPA, lois des États	Moyen-élevé
UE (RGPD)	Consentement + vérification de l'âge	Très élevé
Canada	Règles au niveau des provinces	Moyenne

Si vous collectionnez e-mails, numéros de téléphone ou adresses, vous êtes responsable de la protection des utilisateurs mineurs contre l'exposition de ces données.

Meilleures pratiques pour la vérification de l'âge sur Shopify

Voici ce qui a le mieux fonctionné pour moi et mes clients au fil des ans :

• Utilisez une application à moins que vous n'ayez absolument besoin d'une solution personnalisée
• Tester le popup sur mobile, tablette et ordinateur de bureau
• Définir un cookie de session afin que les utilisateurs ne soient pas bloqués à chaque visite
• Rediriger les utilisateurs mineurs ou afficher un message approprié au lieu de simplement masquer le magasin
• N'utilisez pas de portail à case à cocher uniquement — c'est légalement inutile

De plus, ne choisissez pas simplement la première application qui vous convient. Essayez-en quelques-unes, testez leur chargement et voyez comment elles s'intègrent à votre thème. Certains thèmes (surtout ceux fortement personnalisés) peuvent perturber les fonctions de vérification de l'âge.

Wrap-Up

Si vous exécutez un Shopify magasin qui vend uniquement aux adultes, n'attendez pas pour ajouter la vérification de l'âge.

Je l'ai ignoré une fois et j'en ai payé le prix en maux de tête, blocages de compte et refus de publicités. Depuis, j'utilise des applications comme Videur ou des systèmes manuels construits en fonction de la complexité du magasin.

Que vous utilisiez une application ou la développiez vous-même, assurez-vous qu'elle soit rapide, adaptée aux appareils mobiles et conforme aux lois en vigueur. C'est ce qui protège votre boutique à long terme.