작동 방식
Sami Product Labels가 스토어프런트에 배지를 표시하는 방식을 쉽게 설명합니다.
이 페이지에서는 Sami Product Labels가 배지, 라벨, 신뢰 배지, 하이라이트, 배너를 스토어프런트에 표시하는 방식을 설명합니다. 코딩 지식은 필요하지 않습니다.
앱 임베드 블록
섹션 제목: “앱 임베드 블록”앱을 설치하면 Shopify 테마에 App Embed block이 추가됩니다. 앱 기능을 스토어프런트에서 실행하기 위한 Shopify의 표준 방식입니다.
Shopify 테마 편집기의 App embeds에서 언제든 앱 임베드를 켜거나 끌 수 있습니다. 끄면 배지가 표시되지 않고, 켜면 앱이 모든 것을 자동으로 처리합니다.
설정이 전달되는 방식
섹션 제목: “설정이 전달되는 방식”만든 모든 배지, 라벨, 신뢰 배지, 하이라이트, 배너는 스토어에 연결된 Shopify 메타필드로 저장됩니다. 메타필드는 사용자 지정 데이터를 저장하는 Shopify 기본 시스템입니다.
이렇게 하면 다음과 같은 이점이 있습니다.
- 페이지를 불러올 때 외부 API 호출이 없습니다 — 설정이 이미 Shopify에 저장되어 있으므로 기다려야 할 외부 서버가 없습니다.
- 빠른 성능 — 배지가 테마의 다른 요소만큼 빠르게 로드됩니다.
- 안정성 — 외부 서버가 없으므로 스토어가 온라인인 동안 배지를 계속 사용할 수 있습니다.
스토어프런트에 배지가 표시되는 방식
섹션 제목: “스토어프런트에 배지가 표시되는 방식”고객이 스토어를 방문하면 다음 순서로 진행됩니다.
- App Embed 스크립트가 테마의 일부로 로드됩니다.
- 스크립트가 저장된 메타필드에서 배지 설정을 읽습니다.
- 어떤 제품, 컬렉션, 페이지 또는 고객 세그먼트에 각 배지를 표시할지 타기팅 규칙을 평가합니다.
- 일치하는 배지가 설정한 위치에 페이지에 렌더링됩니다.
이 모든 과정은 고객의 브라우저에서 이루어지며 몇 밀리초밖에 걸리지 않습니다.
분석 추적
섹션 제목: “분석 추적”Sami Product Labels는 배지 성과를 측정하기 위해 두 가지 주요 이벤트를 추적합니다.
- Add to cart — 고객이 배지가 붙은 제품을 장바구니에 담을 때 어떤 배지가 표시되었는지 기록합니다.
- Order placed — 고객이 배지가 붙은 제품을 구매 완료할 때 전환을 기록합니다.
이 이벤트는 Analytics dashboard에 반영되어 어떤 배지가 참여와 판매를 높이는지 보여 줍니다.
국가 감지
섹션 제목: “국가 감지”앱은 방문자의 국가를 감지하여 국가별 타기팅을 지원합니다. 지역에 따라 다른 배지를 표시할 수 있습니다.
예를 들어 미국 고객에게만 “Free Shipping” 배지를 표시하거나, 스토어가 있는 국가의 고객에게 “Local Pickup Available” 배지를 표시할 수 있습니다.
앱이 하지 않는 일
섹션 제목: “앱이 하지 않는 일”- 테마 파일을 수정하지 않습니다 — Liquid 코드를 삽입하지 않습니다.
- 스토어 속도를 늦추지 않습니다 — 데이터를 외부 서버에서 가져오지 않고 Shopify 메타필드에 저장합니다.
- 고객의 개인 데이터를 수집하지 않습니다 — 타기팅에 고객 태그와 주문 수만 사용하며, 이름, 이메일, 결제 정보는 사용하지 않습니다.
다음 단계
섹션 제목: “다음 단계”- 권한 및 데이터 액세스 — 앱이 접근하는 데이터와 처리 방식을 알아봅니다.
- 테마에서 앱 활성화하기 — App Embed block을 켜서 시작하세요.