반드시 정할 것
| 정할 것 | 내용 | 자세히 |
|---|---|---|
| API 키 | 펄핏이 발급합니다. 아직 없으면 도입 문의로 요청하세요. | 준비물 |
| 상품 상세 페이지 URL 패턴 | 예: /product/view?pno=, /products/. 모바일 전용 주소가 따로 있으면 그것도. | 페이지 타입 |
| 펄핏 버튼 영역 | 상품 페이지에서 버튼이 들어갈 자리의 CSS Selector. 예: #perfitt-block-1 | 영역 지정 |
| 연동 항목과 읽는 방법 | productId는 필수. brand+modelNo, productName, image, gender는 권장. 항목마다 어디서 읽을지(CSS Selector, JSON-LD 등) 함께. | 연동 항목 · 연동 방법 |
상황에 따라 정할 것
| 정할 것 | 내용 | 자세히 |
|---|---|---|
| 측정 버튼 색 | 배경색과 글자색 코드. 안 정하면 펄핏 기본색. | 사이즈 인디케이터 |
| 측정 전용 페이지 | 기획전·이벤트 페이지에서 상품 없이 측정만 시킬 때 그 URL. | 페이지 타입 |
| customerId 연동 | 펄핏 이용 고객의 주문·반품을 대조하려면 필요. 회원 ID·이메일 중 무엇을 쓸지. | 주문 데이터 연동 |
| 사이즈 옵션 영역 | 사이즈 선택 영역의 CSS Selector와 품절 표시 방법. 추천을 판매 사이즈 안에서만 보여 주려면. | 사이즈 옵션 영역 |
| 플로팅 버튼 | 오른쪽 아래 떠 있는 버튼을 쓸지, 모바일·PC 각각, 여백. | 플로팅 버튼 |
| SPA·앱 웹뷰 여부 | React 같은 SPA면 수동 실행 모드를, 앱 웹뷰면 카메라 권한 처리를 미리 준비. | SPA · 앱 웹뷰 |
| 자체 지표 | GA 같은 도구로 직접 지표를 만들 거라면 클라이언트 이벤트 수신 코드를 준비. | 이벤트 연동 |
보내는 곳
정한 내용을 초기 설치 요청서에 적어 펄핏 담당자에게 보냅니다. 요청서를 받으면 펄핏이 페이지 타입과 연동 설정을 하고, 설정이 끝나면 모바일에서 버튼이 뜨는지 함께 확인합니다.