> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kleep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 기능

> 사이즈 추천, 장바구니 담기, 동적 버튼 레이블, 트래킹

## 나에게 맞는 사이즈 찾기

PDP에서 Kleep 버튼의 표시 여부는 카트리지 초기화 중에 자동으로 관리됩니다:

1. `isKleepRecommendationEnabled`를 **활성화** — 이것이 마스터 스위치입니다.
2. 카트리지는 `Product-Show` 컨트롤러 액션의 미들웨어를 통해 버튼을 동적으로 표시하거나 숨깁니다.
3. `ProductID`와 함께 Kleep 엔드포인트를 호출하여 버튼 표시 여부를 결정합니다.
4. 비즈니스 규칙에 맞게 코드에서 표시 조건을 커스터마이징하세요.

<img src="https://mintcdn.com/kleepai/taAv0usV4Q0HyYiD/images/sfcc/image19.png?fit=max&auto=format&n=taAv0usV4Q0HyYiD&q=85&s=061578d6c5f3282bed260ad14b608df9" alt="image.png" width="1430" height="934" data-path="images/sfcc/image19.png" />

CTA를 클릭하면 ProductID, KleepCustomerID, 리테일러 식별자(`kleepRetailerUUID` 사이트 기본 설정으로 `domain` 파라미터로 전달됨), 언어를 사용하여 iframe이 열립니다.

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

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

## 동적 버튼 레이블

팝업을 닫으면 버튼 레이블이 업데이트됩니다:

* **이전:** "나에게 맞는 사이즈 찾기"
* **이후:** "추천 사이즈: S"

<img src="https://mintcdn.com/kleepai/taAv0usV4Q0HyYiD/images/sfcc/image20.png?fit=max&auto=format&n=taAv0usV4Q0HyYiD&q=85&s=14835101a9624bb02b5da72adecc360b" alt="image.png" width="1241" height="757" data-path="images/sfcc/image20.png" />

레이블은 localStorage를 통해 유지됩니다 (쿠키나 백엔드 세션 변수를 사용하지 않음).

## 트래킹

다음의 경우 분석 데이터가 자동으로 Kleep에 전송됩니다:

* 상품이 조회된 경우 (PDP 로드 또는 옵션 변경)
* 상품이 장바구니에 추가된 경우 (PDP)
* 주문이 체크아웃 마지막 단계에 도달한 경우
* 주문이 확인된 경우

설치 후 PDP, 체크아웃, 확인 페이지에서 JavaScript 콘솔 오류가 없는지 확인하세요.

## 브래케팅 방지

곧 출시 예정입니다.