메인 콘텐츠로 건너뛰기

나에게 맞는 사이즈 찾기

PDP에서 Kleep 버튼의 표시 여부는 카트리지 초기화 중에 자동으로 관리됩니다:
  1. isKleepRecommendationEnabled활성화 — 이것이 마스터 스위치입니다.
  2. 카트리지는 Product-Show 컨트롤러 액션의 미들웨어를 통해 버튼을 동적으로 표시하거나 숨깁니다.
  3. ProductID와 함께 Kleep 엔드포인트를 호출하여 버튼 표시 여부를 결정합니다.
  4. 비즈니스 규칙에 맞게 코드에서 표시 조건을 커스터마이징하세요.
image.png CTA를 클릭하면 ProductID, KleepCustomerID, 리테일러 식별자(kleepRetailerUUID 사이트 기본 설정으로 domain 파라미터로 전달됨), 언어를 사용하여 iframe이 열립니다.

추천 사이즈 → 장바구니 담기

사이징 플로우가 완료되면 사용자는 추천을 받습니다. “장바구니 담기”를 클릭하면 iFrame에서 이벤트가 전송되고 선택된 사이즈가 장바구니에 추가됩니다.

동적 버튼 레이블

팝업을 닫으면 버튼 레이블이 업데이트됩니다:
  • 이전: “나에게 맞는 사이즈 찾기”
  • 이후: “추천 사이즈: S”
image.png 레이블은 localStorage를 통해 유지됩니다 (쿠키나 백엔드 세션 변수를 사용하지 않음).

트래킹

다음의 경우 분석 데이터가 자동으로 Kleep에 전송됩니다:
  • 상품이 조회된 경우 (PDP 로드 또는 옵션 변경)
  • 상품이 장바구니에 추가된 경우 (PDP)
  • 주문이 체크아웃 마지막 단계에 도달한 경우
  • 주문이 확인된 경우
설치 후 PDP, 체크아웃, 확인 페이지에서 JavaScript 콘솔 오류가 없는지 확인하세요.

브래케팅 방지

곧 출시 예정입니다.