Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. NHN커머스 관리자 페이지에 접속해 주세요.

Image Removed

1)왼쪽의 디자인 클릭, 2) 디자인 스킨 리스트 클릭하여 3) 사용중인 디자인 스킨을 확인해주세요.

여기서는 기본 제공되는 [기본 스킨]을 기준으로 설명합니다.

사용하시는 샵바이프로용 스킨에 따라 수정해야하는 부분이 각각 다르기 때문에, [기본 스킨] 기준으로 안내 드리며

사용하시는 스킨에 맞게 최적화 하시려면 [기본 스킨] 안내를 확인 하시고 응용하여 사용해 주세요.

KLC 부가서비스 연동은 [기본 스킨]에 최적화 되어 있어, 타 스킨 사용시는 (수정)라이브 커머스 페이지 연동 확인해주세요.

 

  1. 1)왼쪽의 디자인 클릭, 2) 디자인 스킨 리스트 클릭 후 3) 기본 스킨 확인 후 4) [다운] 버튼을 클릭합니다.

  • 기본 스킨 확인법 : 수정 / 삭제가 불가능한 기본 디자인 스킨입니다. 문구가 붙은 스킨이 기본 스킨입니다.

Image Removed
  1. 다운로드 확인창에 1) 확인을 클릭하여 스킨을 다운로드 받습니다.

Image Removed

 

4.다운로드 받은 스킨은 화면 하단을 클릭하면 확인 할 수 있습니다. 또는 내 PC > 다운로드 폴더에서 확인 가능합니다.

Image Removed

  1. 다운로드 받은 스킨을 압축을 풀어줍니다.

Image Removed

 

  1. KLC 관리자 페이지 접속 후, 계정 관리 > 고객사 정보 > 프론트 정보에서 스크립트를 다운로드 합니다.

1)KLC 서비스 연동 클릭 : klc_connect.html 파일 다운로드

  1. 프론트 화면 연동 클릭 : livemall.html 파일 다운로드

Image Removed

 

  1. 다운로드 받은 두 html파일을 그대로 5.에서 압축을 풀어놓은 스킨 폴더에 넣어줍니다.

Image Removed
  1. 해당 폴더를 다시 zip으로 압축하여 1)[신규스킨 업로드] 버튼을 클릭합니다.

  2. 사용할 스킨 이름을 영문으로 입력하시고, 3) 압축한 zip 파일을 업로드 합니다. 4) 썸네일 이미지는 선택 사항이며, 업로드 할 경우 화면에 안내되는 가이드에 맞춰 제작하여 올려주세요.

Image Removed

 

  1. 스킨을 업로드 한 후, 4번의 KLC 관리자 페이지에서 아래와 같이 확인해 주세요.

Image Removed

 

1)스크립크 설치 확인 클릭 : 스크립트 검사 결과 팝업에서 상태를 체크해주세요. 정상 설치한 경우 아래와 같이 팝업이 뜹니다.

Image Removed
  1. 프론트 URL을 새창에 붙여넣어 수정한 스킨이 잘 적용되었는지 확인합니다.

Image Removed
  • KLC 부가서비스를 연동한 [기본 스킨]에서 KLC 연동을 해제하려면?--> 스크립트를 제거하고 다시 스킨을 업로드 하면 KLC 연동이 해제됩니다.

  1. NHN커머스 관리자 페이지에 접속해 주세요.

...

1)왼쪽의 디자인 클릭, 2) 디자인 스킨 리스트 클릭하여 3) 사용중인 디자인 스킨을 확인해주세요.

여기서는 기본 제공되는 [기본 스킨]을 기준으로 설명합니다.

사용하시는 샵바이프로용 스킨에 따라 수정해야하는 부분이 각각 다르기 때문에, [기본 스킨] 기준으로 안내 드리며

사용하시는 스킨에 맞게 최적화 하시려면 [기본 스킨] 안내를 확인 하시고 응용하여 사용해 주세요.

KLC 부가서비스 연동은 [기본 스킨]에 최적화 되어 있어, 타 스킨 사용시는 (수정)라이브 커머스 페이지 연동 확인해주세요.

 

  1. 1)왼쪽의 디자인 클릭, 2) 디자인 스킨 리스트 클릭 후 3) 기본 스킨 확인 후 4) [다운] 버튼을 클릭합니다.

  • 기본 스킨 확인법 : 수정 / 삭제가 불가능한 기본 디자인 스킨입니다. 문구가 붙은 스킨이 기본 스킨입니다.

...

  1. 다운로드 확인창에 1) 확인을 클릭하여 스킨을 다운로드 받습니다.

...

 

4.다운로드 받은 스킨은 화면 하단을 클릭하면 확인 할 수 있습니다. 또는 내 PC > 다운로드 폴더에서 확인 가능합니다.

...

  1. 다운로드 받은 스킨을 압축을 풀어줍니다.

...

 

  1. KLC 관리자 페이지 접속 후, 계정 관리 > 고객사 정보 > 프론트 정보에서 스크립트를 다운로드 합니다.

1)KLC 서비스 연동 클릭 : klc_connect.html 파일 다운로드

  1. 프론트 화면 연동 클릭 : livemall.html 파일 다운로드

...

 

  1. 다운로드 받은 두 html파일을 그대로 5.에서 압축을 풀어놓은 스킨 폴더에 넣어줍니다.

...

  1. 해당 폴더를 다시 zip으로 압축하여 1)[신규스킨 업로드] 버튼을 클릭합니다.

  2. 사용할 스킨 이름을 영문으로 입력하시고, 3) 압축한 zip 파일을 업로드 합니다. 4) 썸네일 이미지는 선택 사항이며, 업로드 할 경우 화면에 안내되는 가이드에 맞춰 제작하여 올려주세요.

...

 

  1. 스킨을 업로드 한 후, 4번의 KLC 관리자 페이지에서 아래와 같이 확인해 주세요.

...

 

1)스크립크 설치 확인 클릭 : 스크립트 검사 결과 팝업에서 상태를 체크해주세요. 정상 설치한 경우 아래와 같이 팝업이 뜹니다.

...

  1. 프론트 URL을 새창에 붙여넣어 수정한 스킨이 잘 적용되었는지 확인합니다.

...

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

 

Panel
bgColor#F4F5F7

기본 스킨

KLC 부가서비스 연동은 NHN커머스가 제공하는 기본 스킨에 최적화되어 있으며 스킨 다운로드를 통해 기본 스킨에 KLC를 연동할 수 있습니다.

 

기본 스킨 연동

...

NHN커머스 관리자 페이지에 접속하여 로그인합니다.

...

디자인 메뉴에서 [디자인 스킨 리스트]를 클릭하면 보유 스킨 리스트에서 사용 중인 스킨을 확인할 수 있습니다. 기본 스킨 하단에는 “수정 / 삭제가 불가능한 기본 디자인 스킨입니다.”라는 문구가 표기되어 있으며 확인 후 [다운] 버튼을 클릭합니다.

Image Added

스킨 다운로드 팝업창에서 [확인] 버튼을 클릭하여 스킨을 다운로드합니다.

Image Added

 

다운로드가 완료되면 화면 하단을 클릭하거나 [내 PC] > [다운로드]에서 파일을 확인한 다음 압축을 해제합니다.

Image Added

KLC 관리자 페이지 로그인 후 [계정 관리] > [고객사 정보] > [프론트 정보]에서 스크립트를 다운로드합니다. KLC 서비스 연동을 클릭하면 klc_connect.html 파일이 다운로드 되며 프론트 화면 연동을 클릭할 경우에는 livemall.html 파일 다운로드 됩니다.

Image Added

다운로드한 두 개의 html 파일을 압축을 해제한 스킨 폴더로 이동시킵니다.

Image Added

html 파일이 포함되어 있는 폴더를 zip으로 압축합니다. 그다음 NHN커머스 관리자 페이지로 돌아가 [디자인 관리] > [디자인 스킨 리스트] 우측 하단에 위치한 [신규 스킨 업로드] 버튼을 클릭합니다. 사용할 스킨 이름을 영문으로 입력한 다음 압축한 zip 파일을 업로드합니다. 필수 사항을 입력한 다음 항목별로 안내되는 가이드에 맞추어 업로드합니다.

Image Added

스킨을 업로드 한 다음 KLC 관리자 페이지에서 KLC 서비스 연동과 프론트 Url을 이용하여 스크립트가 잘 설치되었는지 확인합니다. [스크립트 설치 확인]버튼을 누르고 정상적으로 설치된 경우 팝업창에서 정상 메시지를 확인할 수 있습니다.

Image Added

프론트 Url 항목의 URL 주소를 새 창에 붙여넣기 한 다음 수정한 스킨이 잘 적용되었는지 확인합니다.

Image Added

KLC 부가서비스를 연동한 [기본 스킨]에서 KLC 연동을

...

해제하고자 하는 경우 기존 설치한 스크립트를 삭제한 다음 스킨을 업로드하면 KLC 연동을 해제할 수 있습니다.