발급받은 KLC 관리자 계정으로 관리자 사이트에 접속합니다.
계정 발급 시, 기본적으로 스크립트를 설치하고 발급합니다. 스크립트는 KLC 서비스와 고객 사이트의 연동 및 사용하는 홈페이지 디자인에 라이브 커머스 페이지를 보여주기 위해 설치합니다.
로그인 시, 만약 아래와 같은 메세지가 뜨면 확인을 눌러 설치 페이지로 이동해주세요.
사용할 연동 스크립트를 선택 후, 가장 하단의 [수정] 버튼을 클릭하여 저장합니다.
위젯 - 내 쇼핑몰에 위젯을 띄우고 , 클릭시 위젯 화면에 라이브 커머스 페이지 노출
프론트 페이지
내 쇼핑몰에 연동하여 사용하는 별도 라이브 커머스 페이지 생성
별도 URL이 생성되어, SNS나 알림톡으로 링크 공유 가능
| Info |
|---|
기본적으로 둘 다 선택하여 설치하시기를 권장합니다. 선택한 스크립트 종류에 따라 일부 메뉴 설정이 불가할 수 있습니다. 내 쇼핑몰을 이용하는 고객들이 라이브 방송을 쉽게 확인하려면 위젯 설치를, 알림톡 등을 이용해 라이브 방송 알림이 필요한 경우 프론트 페이지 설치가 필요합니다. 라이브 커머스 방송 시, 보다 효율적이고 성과를 내려면 둘 다 선택하여 설치해 주세요. |
KLC 서비스 연동
1번에서 선택한 연동 스크립트가 잘 설치되었는지 확인하는 메뉴입니다.
각각의 버튼을 클릭하면 설치 확인 팝업이 뜨는데, 아래와 같은 팝업이 뜨면 정상 설치가 된 것입니다.
아래와 같은 팝업 내용이 아니라면, 담당 AM에게 문의 주세요.
프론트 URL : 프론트 페이지 스크립트가 설치 되어, 별도 URL 이 생성되었습니다. 카톡, 알람톡 등으로 고객들에게 라이브 방송 진행시, 방송 확인할 수 있는 URL 을 보낼 수 있습니다.
아래 화면은 별도 생성된 URL로 접속해서 확인한 프론트 페이지 입니다.
스크립트 다운로드
직접 쇼핑몰 스킨을 수정하여, 쇼핑몰에 라이브 커머스 메뉴를 추가하고 싶을때 사용합니다.
버튼 클릭 시 HTML 파일이 다운로드 되며, 버튼 아래의 안내 문구를 확인 후 진행해 주세요.
버튼 텍스트 : 위젯 문구를 원하는 문구로 입력하여 변경할 수 있습니다. (기본 : 라이브 보기)
버튼 이미지 : 위젯 이미지를 원하는 이미지로 교체할 수 있습니다.
권장 이미지 사이즈는 120px*120px이며, 이미지 링크를 입력하면 위젯 이미지가 해당 이미지로 교체됩니다.
오른쪽 여백 : 위젯 버튼 이미지의 오른쪽 여백 간격을 수정 할 수있습니다. (기본 : 20)
숫자를 크게하거나 작게 변경하면서 미리보기에서 여백 간격을 확인해보세요.
아래 여백 : 위젯 버튼 이미지의 아래쪽 여백 간격을 수정 할 수있습니다. (기본 : 20)
숫자를 크게하거나 작게 변경하면서 미리보기에서 여백 간격을 확인해보세요.
z-index : 위젯을 홈페이지 팝업 등에 가려지지 않도록 위치값을 입력합니다. 기본 999로 설정되어 있으며 이부분은 기본값으로 두시는걸 권장합니다.
| Info |
|---|
5)~8) 까지 설정한 모든 값은 10) 미리보기 영역에서 확인 가능합니다. |
모든 설정이 끝나 미리보기로 확인하셨으면, [위젯 설정 적용] 을 클릭하여 내 쇼핑몰에 적용합니다.
최종 반영까지 약 10~30분 정도가 걸립니다.
나중에 위젯을 제거하고 싶으신 경우는 하단의 [위젯 삭제] 버튼을 클릭해주세요.
위젯 삭제 후 최종 반영까지 약 10~30분 정도가 걸립니다.
위젯 삭제 후, 스크립트 설치 확인 클릭 시 아래와 같은 팝업이 나옵니다.
이 페이지는 NHN커머스의 KLC 부가서비스 사이트 연동에 대해 안내합니다.
| Panel | ||
|---|---|---|
| ||
서비스 연동 |
KLC 연동하기
발급받은연동 스크립트 설치
발급 받은 KLC 관리자 계정으로 관리자 사이트에 접속합니다. 계정 발급 시, 기본적으로 스크립트를 설치하고 발급합니다. 스크립트는 KLC 서비스와 고객 사이트의 연동 및 사용하는 홈페이지 디자인에 라이브 커머스 페이지를 보여주기 위해 설치합니다.
로그인 시, 만약 아래와 같은 메세지가 뜨면 확인을 눌러 설치 페이지로 이동해주세요.
사용할 연동 스크립트를 선택 후, 가장 하단의 [수정] 버튼을 클릭하여 저장합니다.
위젯 - 내 쇼핑몰에 위젯을 띄우고 , 클릭시 위젯 화면에 라이브 커머스 페이지 노출
프론트 페이지
내 쇼핑몰에 연동하여 사용하는 별도 라이브 커머스 페이지 생성
별도 URL이 생성되어, SNS나 알림톡으로 링크 공유 가능
| Info |
|---|
기본적으로 둘 다 선택하여 설치하시기를 권장합니다. 선택한 스크립트 종류에 따라 일부 메뉴 설정이 불가할 수 있습니다.내 쇼핑몰을 이용하는 고객들이 라이브 방송을 쉽게 확인하려면 위젯 설치를, 알림톡 등을 이용해 라이브 방송 알림이 필요한 경우 프론트 페이지 설치가 필요합니다. 라이브 커머스 방송 시, 보다 효율적이고 성과를 내려면 둘 다 선택하여 설치해 주세요. |
KLC 서비스 연동
1번에서 선택한 연동 스크립트가 잘 설치되었는지 확인하는 메뉴입니다.
각각의 버튼을 클릭하면 설치 확인 팝업이 뜨는데, 아래와 같은 팝업이 뜨면 정상 설치가 된 것입니다.
아래와 같은 팝업 내용이 아니라면, 담당 AM에게 문의 주세요.
프론트 URL : 프론트 페이지 스크립트가 설치 되어, 별도 URL 이 생성되었습니다. 카톡, 알람톡 등으로 고객들에게 라이브 방송 진행시, 방송 확인할 수 있는 URL 을 보낼 수 있습니다.
아래 화면은 별도 생성된 URL로 접속해서 확인한 프론트 페이지 입니다.
스크립트 다운로드
직접 쇼핑몰 스킨을 수정하여, 쇼핑몰에 라이브 커머스 메뉴를 추가하고 싶을때 사용합니다.
버튼 클릭 시 HTML 파일이 다운로드 되며, 버튼 아래의 안내 문구를 확인 후 진행해 주세요.
버튼 텍스트 : 위젯 문구를 원하는 문구로 입력하여 변경할 수 있습니다. (기본 : 라이브 보기)
버튼 이미지 : 위젯 이미지를 원하는 이미지로 교체할 수 있습니다.
권장 이미지 사이즈는 120px*120px이며, 이미지 링크를 입력하면 위젯 이미지가 해당 이미지로 교체됩니다.
오른쪽 여백 : 위젯 버튼 이미지의 오른쪽 여백 간격을 수정 할 수있습니다. (기본 : 20)
숫자를 크게하거나 작게 변경하면서 미리보기에서 여백 간격을 확인해보세요.
아래 여백 : 위젯 버튼 이미지의 아래쪽 여백 간격을 수정 할 수있습니다. (기본 : 20)
숫자를 크게하거나 작게 변경하면서 미리보기에서 여백 간격을 확인해보세요.
z-index : 위젯을 홈페이지 팝업 등에 가려지지 않도록 위치값을 입력합니다. 기본 999로 설정되어 있으며 이부분은 기본값으로 두시는걸 권장합니다.
| Info |
|---|
5)~8) 까지 설정한 모든 값은 10) 미리보기 영역에서 확인 가능합니다. |
모든 설정이 끝나 미리보기로 확인하셨으면, [위젯 설정 적용] 을 클릭하여 내 쇼핑몰에 적용합니다.
최종 반영까지 약 10~30분 정도가 걸립니다.
나중에 위젯을 제거하고 싶으신 경우는 하단의 [위젯 삭제] 버튼을 클릭해주세요.
위젯 삭제 후 최종 반영까지 약 10~30분 정도가 걸립니다.
위젯 삭제 후, 스크립트 설치 확인 클릭 시 아래와 같은 팝업이 나옵니다.