작동 방식

Sami B2B Lock, Password Protect가 스토어프런트에서 잠금을 적용하는 방식을 쉽게 설명합니다.

Sami B2B Lock, Password Protect를 사용하는 데 이 내용을 이해할 필요는 없습니다. 앱 임베드를 한 번 활성화하는 것이 앱에 필요한 설정의 전부입니다. 다만 쇼핑객이 잠긴 페이지에 접속할 때 실제로 어떤 일이 일어나는지 궁금하거나, 잠금이 표시되거나 표시되지 않는 이유를 파악하려는 경우 이 페이지에서 과정을 살펴볼 수 있습니다.

앱 임베드는 모든 스토어프런트 페이지에서 실행됩니다

Sami B2B Lock, Password Protect는 테마 편집기에 Sami Lock으로 표시되는 Shopify 테마 앱 확장 임베드를 통해 스토어프런트에 제공됩니다. 테마에서 이 임베드를 켜면, 방문자가 스토어프런트에서 로드하는 모든 페이지(홈 페이지, 제품 페이지, 컬렉션 페이지, 블로그 글, 장바구니 등)에서 앱의 작은 스크립트가 실행됩니다.

이 스크립트는 대부분의 페이지에서 아무 작업도 하지 않습니다. 모든 페이지 로드에서 가장 먼저 하는 일은 해당 페이지가 설정한 잠금과 일치하는지 확인하는 것입니다. 대부분의 스토어에서 페이지 조회 대다수는 일치하지 않으므로 스크립트는 물러나고 페이지가 정상적으로 렌더링됩니다.

어떤 잠금이 적용되는지 확인

현재 페이지가 잠금과 일치하면(잠근 제품, 컬렉션, 페이지, 블로그 글, URL과 정확히 같거나 전체 웹사이트를 잠근 경우) 앱은 해당 잠금의 액세스 규칙을 확인하는 단계로 넘어갑니다.

이 확인은 방문자의 브라우저에서 직접 이루어지며, 스토어프런트에서 실행되면서 앱이 이미 접근할 수 있는 정보를 사용합니다. 예를 들어 방문자의 로그인 여부, 장바구니에 담긴 항목, 접속 언어와 국가 등입니다. 로그인 상태, 고객 태그, 장바구니 내용, 날짜 범위, 스토어프런트 언어 같은 대부분의 액세스 규칙은 다른 것을 기다리지 않고 이 정보로 즉시 확인할 수 있습니다.

일부 규칙 유형은 예 또는 아니요로 답하기 전에 무언가를 조회해야 합니다.

Location은 방문자의 국가와 일치하는지 확인하며, 방문자 계정에서 읽는 것이 아니라 공개 IP 조회 서비스로 국가를 판단합니다. 따라서 VPN이나 프록시를 사용하면 감지되는 국가가 달라질 수 있습니다.
Cart conditions(제품, 옵션, 수량, 소계)는 페이지가 처음 로드된 후에도 방문자가 항목을 추가하거나 제거할 수 있으므로 장바구니가 바뀔 때마다 다시 확인됩니다.
Purchased items와 Order quantity는 로그인한 고객의 과거 주문을 살펴보고, 해당 상품을 이전에 구매했는지 또는 충분한 횟수만큼 주문했는지 판단합니다.

적어도 하나의 액세스 키에서 모든 규칙이 충족되면 앱은 방문자의 잠금이 해제된 것으로 처리하고 콘텐츠를 정상적으로 표시합니다(가격 숨기기나 리디렉션 같은 설정한 잠금 동작은 그대로 적용됩니다). 완전히 충족된 액세스 키가 없으면 앱은 잠금을 적용하며, 설정에 따라 잠금 화면 표시, 가격 또는 Add to cart 버튼 숨기기, 리디렉션 중 하나가 실행됩니다.

결제 잠금은 다르게 작동합니다

위의 설명은 제품, 컬렉션, 페이지, 블로그, URL, 전체 스토어프런트 등 웹사이트의 잠금이 적용되는 방식입니다. 결제 잠금은 다르게 적용됩니다. 방문자의 브라우저에서 실행되는 스크립트에 의존하지 않고, 앱의 결제 규칙 빌더에서 설정한 조건을 사용해 Shopify 자체의 결제 유효성 검사로 적용됩니다. 따라서 시각적인 잠금만 있을 때처럼 JavaScript를 비활성화하거나 클라이언트 측 코드를 우회하는 방법으로 결제 잠금 조건을 피할 수 없습니다. 조건이 충족될 때까지 Shopify 자체가 주문 완료를 허용하지 않습니다.

설정은 한 번, 테마 편집은 필요 없습니다

앱 임베드가 이 모든 것을 자체적으로 처리하므로 직접 작성하거나 관리할 테마 코드가 없습니다. 템플릿에 스니펫을 추가하거나, Liquid 파일을 편집하거나, 테마에서 잠긴 페이지 목록을 관리할 필요가 없습니다. 모든 것이 앱 안에 있으며, 임베드는 페이지가 로드될 때마다 현재 잠금 설정을 읽습니다. 앱 임베드를 한 번 활성화하는 것이 필요한 유일한 설정이며, 그 후에는 앱에서 잠금을 만들고, 편집하고, 제거하면 테마에서 따로 켤 것 없이 스토어프런트에 자동으로 반영됩니다.