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