Como adicionar verificação de idade em Shopify (Passo a passo)

Se você assinar um serviço de um link nesta página, a Reeves and Sons Limited pode ganhar uma comissão. Veja nosso Declaração de ética.

Quando lancei meu primeiro Shopify loja vendendo produtos de vapor, honestamente não pensei muito sobre verificação de idade. Coloquei uma caixa de seleção no site dizendo "Você tem mais de 18 anos?" e achei que bastava.

Não foi.

Eu descobri bem rápido que barreiras básicas de idade não protegem você — não por questões legais, estornos ou mesmo paralisações de processadores de pagamento. Dependendo de onde seus clientes estão, essa camada de verificação ausente pode colocar sua loja em risco.

Foi exatamente assim que aprendi a adicionar a verificação de idade em Shopify — o caminho certo.

Por que a verificação da idade é importante em Shopify

Se você estiver vendendo qualquer coisa que seja remotamente regulamentada - álcool, vape, CBD, suplementos, conteúdo adulto - você precisa de verificação de idade. Não é apenas algo "bom de se ter". É algo que protege seu negócio, legal e financeiramente.

Aqui está o que eu encontrei ao longo dos anos:

  • Stripe e PayPal bloquearam minha conta até que eu pudesse provar que tinha um portão adequado instalado
  • Campanhas desaprovadas por anúncios do Facebook porque minha landing page não tinha verificação de idade
  • Um cliente entrou com um estorno, alegando que um menor fez um pedido na minha loja (mesmo tendo marcado a caixa)

Foi quando comecei a investigar Shopify-amigáveis opções. Não há nenhuma restrição de idade incorporada, então tudo depende de aplicativos ou código personalizado.

Opção 1: Use um Shopify Aplicativo de verificação de idade (mais rápido e fácil)

Se você quer um portão de idade limpo e confiável sem tocar no código, Shopify Aplicativos são sua melhor aposta. Testei cinco dos melhores antes de decidir qual funcionou.

Aqui está o detalhamento:

Nome do aplicativoPrincipais funcionalidadesPreçoMais Adequada Para
Bouncer – Verificação de idadePop-up personalizado, duração da sessão, interface de usuário simples$ 3.99 / mêsA maioria das lojas
Verificação de idade + por Northern AppsRedireciona usuários menores de idade, segmentação por paísPlanos gratuitos + pagosLojas com restrições legais
Verificação de idade do SVEVerificação de identidade real, verificações de banco de dados$$$ (nível empresarial)Setores com alta demanda por conformidade
18 Plus por ZooomyLeve e fácil de instalarPlanos gratuitos + pagosVitrines básicas
Pop-up do HulkAppsFerramentas de design robustas e otimizadas para dispositivos móveisPlano gratuito disponívelLojas focadas em UX

A maioria desses aplicativos permite que você defina a idade mínima (18 ou 21), personalize o design do pop-up e escolha o que acontece se um usuário falhar na verificação (bloquear, redirecionar ou deixá-lo navegar).

Do que eu mais gostei Exagero era que eu podia definir uma sessão de 30 dias. Assim, quando alguém ultrapassava o limite de idade, não era convidado novamente, a menos que limpasse os cookies.

O que observar

  • Compatibilidade com dispositivos móveis é um grande problema. Alguns pop-ups quebram ou não se adaptam a telas menores.
  • Geotargeting é um recurso a ser verificado. Por exemplo, Canadá = 18+, EUA = 21+, dependendo do estado.
  • Configurações da sessão importa. Se você definir um período muito curto, os usuários recorrentes podem sair.

Aplicativos como esses funcionam inserindo um script em seu Shopify tema. Ele carrega antes do restante do conteúdo do site — então funciona como um verdadeiro "portão".

Opção 2: Adicionar manualmente a verificação de idade usando o código

Quando quis ter controle total sobre a aparência do portão de idade, criei o meu próprio. Não foi fácil, mas me deu mais liberdade em relação ao layout, animação e cookies.

Aqui está a configuração rápida se você se sentir confortável editando o código do tema:

O que você precisará

  • O acesso aos theme.liquid lima
  • Conhecimento básico de HTML, CSS, JavaScript
  • Disposição para testar exaustivamente em desktops e dispositivos móveis

Passos Básicos

  1. Crie um contêiner pop-up
    Use HTML para criar um modal que ocupe a tela inteira.
  2. Estilize com CSS
    Certifique-se de que ele esteja centralizado, bloqueie toda a interação com a página e tenha uma aparência limpa.
  3. Adicionar botões
    “Sim, tenho mais de 18 anos” permite a entrada do usuário. “Não” o redireciona ou fecha o site.
  4. Configurar cookies ou localStorage
    Então, eles não serão solicitados novamente por um determinado número de dias.
  5. Injetar o código em theme.liquid
    Logo antes do fechamento </body> tag para que ela seja carregada em todas as páginas.

Trecho de código (simplificado)

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

Prós & Contras

Prós:

  • 100% de controle sobre a aparência
  • Sem taxas mensais de aplicativo
  • Nenhum código de terceiros deixando seu site lento

Contras:

  • Quebra facilmente se não for codificado corretamente
  • Não atende aos padrões legais para verificações de identidade
  • Nenhuma análise ou relatório, a menos que você os crie

Se você não tem conhecimento técnico ou não tem um desenvolvedor, eu diria para pular esta etapa. O risco não vale a pena se você quebrar o layout do seu tema ou bloquear usuários.

E quanto à verificação baseada em checkout?

Recebo essa pergunta o tempo todo: “Posso verificar a idade no momento do checkout?”

Resposta curta: não, a menos que você esteja em Shopify Plus.

Shopify bloqueia o checkout por motivos de segurança. Você não pode modificá-lo, a menos que tenha um plano empresarial — o que a maioria de nós não tem.

Mesmo no Plus, as opções são limitadas. Você pode adicionar scripts personalizados e talvez forçar um campo de data de nascimento, mas não há API ou recurso para verificação completa da idade na finalização da compra.

Então, qual é a melhor opção? Lidar com a verificação antes os usuários até começam a fazer compras.

Se você acha que a restrição de idade é apenas um recurso de UX, pense novamente. Algumas lojas de e-commerce com as quais trabalhei foram afetadas por:

  • Multas por violações do RGPD na UE por não verificar a idade antes de coletar dados pessoais
  • Reclamações dos pais dizendo que menores compraram produtos de vaporização online
  • Congelamento de contas Stripe e PayPal porque eles não tinham como provar que os clientes tinham mais de 18 anos

Só em 2023, o Reino Unido multou mais de 80 lojas de comércio eletrônico por não terem verificado adequadamente produtos com restrição de idade. Não é uma teoria.

Aqui está um rápido resumo das considerações legais:

RegiãoExigênciaRisco de execução
Reino Unido (ICO)Código de design apropriado à idadeAlta
EUA (FTC)COPPA, leis estaduaisMédio-Alto
UE (GDPR)Consentimento + triagem de idadeMuito alto
CanadáRegras em nível de provínciaMédio

Se você está colecionando e-mails, números de telefone ou endereços, você é responsável por proteger usuários menores de idade dessa exposição de dados.

Melhores práticas para verificação de idade em Shopify

Veja o que funcionou melhor para mim e meus clientes ao longo dos anos:

  • Use um aplicativo a menos que você realmente precise de uma solução personalizada
  • Teste o pop-up no celular, tablet e desktop
  • Definir um cookie de sessão para que os usuários não sejam bloqueados a cada visita
  • Redirecionar usuários menores de idade ou mostrar uma mensagem adequada em vez de apenas esconder a loja
  • Não use um portão somente com caixa de seleção — é legalmente inútil

Além disso, não escolha o primeiro aplicativo que parece bom. Experimente alguns, teste como eles carregam e veja como funcionam com o seu tema. Alguns temas (especialmente os muito personalizados) podem quebrar as sobreposições de verificação de idade.

Breve noticiário

Se você está executando um Shopify loja que vende somente para adultos, não espere para adicionar a verificação de idade.

Ignorei uma vez e paguei por isso com dores de cabeça, bloqueios de contas e rejeições de anúncios. Desde então, tenho usado aplicativos como Exagero ou criaram sistemas manuais dependendo da complexidade da loja.

Quer você use um aplicativo ou crie você mesmo, certifique-se de que ele seja rápido, compatível com dispositivos móveis e legalmente válido. É isso que protege sua loja a longo prazo.

Joe Warnimont

Joe Warnimont é um escritor baseado em Chicago que se concentra em ferramentas de comércio eletrônico, WordPress e mídia social. Quando não está pescando ou praticando ioga, ele coleciona selos em parques nacionais (mesmo que seja principalmente para crianças). Confira o portfólio de Joe para contatá-lo e ver o trabalho anterior.

Comentários Respostas 0

Deixa um comentário

O seu endereço de e-mail não será publicado. Os campos obrigatórios são marcados com *

NOTA *

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentários são processados.

Experimente Shopify por 3 meses com $ 1/mês!
shopify-primeira-promoção-de-um-dólar-3-meses