Page Comparison

발급받은 KLC 관리자 계정으로 관리자 사이트에 접속합니다.

1. 계정 발급 시, 기본적으로 스크립트를 설치하고 발급합니다. 스크립트는 KLC 서비스와 고객 사이트의 연동 및 사용하는 홈페이지 디자인에 라이브 커머스 페이지를 보여주기 위해 설치합니다.

2. 로그인 시, 만약 아래와 같은 메세지가 뜨면 확인을 눌러 설치 페이지로 이동해주세요.

3. 

1. 사용할 연동 스크립트를 선택 후, 가장 하단의 [수정] 버튼을 클릭하여 저장합니다.

• 위젯 - 내 쇼핑몰에 위젯을 띄우고 , 클릭시 위젯 화면에 라이브 커머스 페이지 노출

• 프론트 페이지

  • 내 쇼핑몰에 연동하여 사용하는 별도 라이브 커머스 페이지 생성

  • 별도 URL이 생성되어, SNS나 알림톡으로 링크 공유 가능

1. KLC 서비스 연동

• 1번에서 선택한 연동 스크립트가 잘 설치되었는지 확인하는 메뉴입니다.

• 각각의 버튼을 클릭하면 설치 확인 팝업이 뜨는데, 아래와 같은 팝업이 뜨면 정상 설치가 된 것입니다.

• 아래와 같은 팝업 내용이 아니라면, 담당 AM에게 문의 주세요.

1. 프론트 URL : 프론트 페이지 스크립트가 설치 되어, 별도 URL 이 생성되었습니다. 카톡, 알람톡 등으로 고객들에게 라이브 방송 진행시, 방송 확인할 수 있는 URL 을 보낼 수 있습니다.

아래 화면은 별도 생성된 URL로 접속해서 확인한 프론트 페이지 입니다.

1. 스크립트 다운로드

• 직접 쇼핑몰 스킨을 수정하여, 쇼핑몰에 라이브 커머스 메뉴를 추가하고 싶을때 사용합니다.

• 버튼 클릭 시 HTML 파일이 다운로드 되며, 버튼 아래의 안내 문구를 확인 후 진행해 주세요.

• 라이브 커머스 페이지 연동하기 - 기본스킨 : NHN커머스

• 라이브 커머스 페이지 연동하기 - 커스텀 스킨 : NHN커머스

1. 버튼 텍스트 : 위젯 문구를 원하는 문구로 입력하여 변경할 수 있습니다. (기본 : 라이브 보기)

1. 버튼 이미지 : 위젯 이미지를 원하는 이미지로 교체할 수 있습니다.

권장 이미지 사이즈는 120px*120px이며, 이미지 링크를 입력하면 위젯 이미지가 해당 이미지로 교체됩니다.

1. 오른쪽 여백 : 위젯 버튼 이미지의 오른쪽 여백 간격을 수정 할 수있습니다. (기본 : 20)

숫자를 크게하거나 작게 변경하면서 미리보기에서 여백 간격을 확인해보세요.

아래 여백 : 위젯 버튼 이미지의 아래쪽 여백 간격을 수정 할 수있습니다. (기본 : 20)

숫자를 크게하거나 작게 변경하면서 미리보기에서 여백 간격을 확인해보세요.

1. z-index : 위젯을 홈페이지 팝업 등에 가려지지 않도록 위치값을 입력합니다. 기본 999로 설정되어 있으며 이부분은 기본값으로 두시는걸 권장합니다.

1. 모든 설정이 끝나 미리보기로 확인하셨으면, [위젯 설정 적용] 을 클릭하여 내 쇼핑몰에 적용합니다.

최종 반영까지 약 10~30분 정도가 걸립니다.

나중에 위젯을 제거하고 싶으신 경우는 하단의 [위젯 삭제] 버튼을 클릭해주세요.

위젯 삭제 후 최종 반영까지 약 10~30분 정도가 걸립니다.

위젯 삭제 후, 스크립트 설치 확인 클릭 시 아래와 같은 팝업이 나옵니다.

이 페이지는 NHN커머스의 KLC 부가서비스 사이트 연동에 대해 안내합니다.

스크립트 설치

스크립트는 KLC 서비스와 고객 사이트의 연동 및 사용하는 홈페이지 디자인에 라이브 커머스 페이지를 보여주기 위해 필요합니다. 발급받은 KLC 관리자 계정으로 관리자 사이트에 로그인 후 만약 아래와 같은 메시지가 노출되었다면 [확인] 버튼을 눌러 설치 페이지로 이동합니다.

프론트 정보

상단 메뉴에 있는 [계정 관리]> [고객사 정보]를 클릭하면 프론트 정보를 확인할 수 있습니다. 프론트 정보에는 고객사의 정보가 자동으로 입력되며 메뉴별 옵션을 선택하여 설정할 수 있습니다.