연령 확인을 추가하는 방법 Shopify (단계별)

내가 처음 출시했을 때 Shopify 저장 베이프 제품을 판매하다 보니 솔직히 나이 확인에 대해 크게 신경 쓰지 않았어요. 사이트에 "18세 이상인가요?"라고 적힌 체크박스가 있어서 그걸로 충분하다고 생각했죠.

아니었다.

나는 그것을 꽤 빨리 알아냈습니다 기본 연령 제한은 당신을 보호하지 않습니다 — 법적 문제, 환불, 또는 결제 처리 업체의 중단으로 인한 문제가 아닙니다. 고객의 위치에 따라 검증 단계가 누락되면 매장이 위험에 처할 수 있습니다.

연령 확인을 추가하는 방법을 정확히 다음과 같이 배웠습니다. Shopify — 올바른 방법.

연령 확인이 중요한 이유 Shopify

알코올, 베이프, CBD, 보충제, 성인용 콘텐츠 등 원격으로 규제되는 모든 것을 판매한다면 연령 확인이 필요합니다. 단순히 "있으면 좋은 것"이 아닙니다. 비즈니스를 법적, 재정적으로 보호해 주는 것입니다.

지난 몇 년 동안 제가 겪었던 일은 다음과 같습니다.

Stripe와 PayPal이 내 계정을 차단했습니다. 내가 적절한 게이팅을 했다는 것을 증명할 때까지
Facebook 광고가 승인되지 않은 캠페인 내 랜딩 페이지에 연령 확인이 없었기 때문에
한 고객이 환불을 신청했습니다., 미성년자가 내 매장에서 주문했다고 주장(그들이 상자를 체크했음에도 불구하고)

그때부터 내가 파헤치기 시작했어요 Shopify-친한 옵션연령 제한이 없으므로 앱이나 사용자 지정 코드를 사용해야 합니다.

옵션 1: 사용 Shopify 연령 확인 앱(가장 빠르고 쉬움)

코드를 건드리지 않고도 깨끗하고 안정적인 연령 게이트를 원하신다면, Shopify 앱이 가장 좋습니다. 가장 인기 있는 앱 다섯 개를 테스트해 본 후, 효과가 있는 앱을 선택했습니다.

여기에 고장이 있습니다 :

앱 이름	주요 특징	가격	지원 기기
바운서 - 연령 확인	사용자 정의 팝업, 세션 기간, 간단한 UI	$ 3.99 / 월	대부분의 매장
연령 확인 + Northern Apps 제공	미성년자 사용자를 리디렉션하고 국가를 타겟팅합니다.	무료 + 유료 플랜	법적 제한이 있는 매장
EVS 연령 확인	실제 ID 확인, 데이터베이스 확인	$$$ (엔터프라이즈 수준)	규정 준수가 중요한 산업
Zooomy의 18 Plus	가볍고 간편한 설치	무료 + 유료 플랜	기본 상점
헐크앱스 팝업	강력한 디자인 도구, 모바일 최적화	사용 가능한 무료 계획	UX에 집중하는 매장

이러한 앱의 대부분은 최소 연령(18세 또는 21세)을 설정하고, 팝업 디자인을 사용자 정의하고, 사용자가 인증에 실패할 경우의 처리 방식(차단, 리디렉션 또는 탐색 허용)을 선택할 수 있습니다.

제가 가장 마음에 들었던 점은 경비원 30일 세션을 설정할 수 있다는 거였어요. 그래서 연령 제한을 넘긴 사람은 쿠키를 삭제하지 않는 한 다시 질문을 받지 않았어요.

볼만한 것들

모바일 호환성 큰 문제입니다. 일부 팝업은 작은 화면에서는 깨지거나 크기가 조절되지 않습니다.
지역 타겟팅 확인해야 할 기능입니다. 예를 들어, 캐나다는 18세 이상, 미국은 주에 따라 21세 이상입니다.
세션 설정 중요합니다. 너무 짧게 설정하면 기존 사용자가 이탈할 수 있습니다.

이러한 앱은 스크립트를 삽입하여 작동합니다. Shopify 테마입니다. 사이트 콘텐츠의 나머지 부분보다 먼저 로드되므로 실제 "게이트" 역할을 합니다.

옵션 2: 코드를 사용하여 수동으로 연령 확인 추가

연령 제한을 완벽하게 제어하고 싶었을 때, 직접 만들어 봤습니다. 쉽지는 않았지만 레이아웃, 애니메이션, 쿠키 등을 더 자유롭게 적용할 수 있었습니다.

테마 코드 편집에 익숙하다면 다음과 같이 빠르게 설정하세요.

광고 ⓘ

필요한 것

에 액세스 theme.liquid 파일
HTML, CSS, JavaScript에 대한 기본 지식
데스크톱과 모바일에서 철저하게 테스트하려는 의지

기본 단계

팝업 컨테이너 만들기
HTML을 사용하여 전체 화면에 표시되는 모달을 만듭니다.
CSS로 스타일을 지정하세요
중앙에 배치하고, 페이지와의 모든 상호 작용을 차단하며, 깔끔하게 보이는지 확인하세요.
버튼 추가
"예, 저는 18세 이상입니다"를 선택하면 사용자가 사이트에 접속할 수 있습니다. "아니요"를 선택하면 사용자를 리디렉션하거나 사이트가 닫힙니다.
쿠키 또는 로컬스토리지 설정
그래서 그들은 정해진 일수 동안 다시 요청을 받지 않습니다.
코드를 삽입하세요 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 위반으로 인한 벌금 EU에서는 개인 데이터 수집 전 연령을 확인하지 않아
부모들의 불만 미성년자가 온라인에서 베이프 제품을 구매했다고 주장
Stripe 및 PayPal 계정이 동결되었습니다. 고객이 18세 이상임을 증명할 방법이 없었기 때문입니다.

2023년 한 해에만 영국은 연령 제한 상품에 대한 적절한 검증을 하지 않았다는 이유로 80개가 넘는 전자상거래 매장에 벌금을 부과했습니다. 이는 이론적인 이야기가 아닙니다.

다음은 법적 고려 사항을 간략하게 요약한 것입니다.

지역	요구 사항	집행 위험
영국(ICO)	연령에 적합한 디자인 코드	높음
미국(FTC)	COPPA, 주법	중간-높음
EU(GDPR)	동의 + 연령 검사	매우 높음
Canada	도 단위 규칙	중급