메이크샵

공통

아래의 주소로 방문해 메이크샵 계정에 로그인합니다.

• https://makeshop.co.kr/newmakeshop/home/login.html

PC Web

디자인 편집

개별 디자인에서 Shoplive Plugin을 설치할 스킨을 확인한 후, 디자인 편집하기 버튼을 클릭합니다.

코드 입력 1

기본 상단 페이지에 아래 코드를 입력하고 Shoplive에서 제공한 Access key를 ACCESS_KEY부분에 입력합니다.

<script type="text/javascript" src="https://static.shoplive.cloud/shoplive.js"></script>
<div style="display:none;" ><span id="cloud-shoplive-user-id"><!--/user_id/--></span><span id="cloud-shoplive-user-name"><!--/user_name/--></span></div>
<script>cloud.shoplive.init({ accessKey: 'ACCESS_KEY', platform: 'MAKESHOP' });</script>

코드 입력 2

Shoplive Plugin을 노출할 페이지에 아래 코드를 입력합니다.

<div id="shoplive-overall"></div>
<script>cloud.shoplive.setOverall('shoplive-overall');</script>

진입점 연결

2단계 코드가 삽입된 페이지의 주소를 진입점의 경로로 설정합니다.

Mobile

디자인 편집

모바일D4(개별 디자인)에서 Shoplive Plugin을 설치할 스킨을 확인한 후, HTML 디자인 편집하기 버튼을 클릭합니다.

코드 입력 1

기본 상단 페이지에 아래 코드를 입력하고 Shoplive에서 제공한 Access key를 ACCESS_KEY부분에 입력합니다.

<script type="text/javascript" src="https://static.shoplive.cloud/shoplive.js"></script>
<div style="display:none;" ><span id="cloud-shoplive-user-id"><!--/user_id/--></span><span id="cloud-shoplive-user-name"><!--/user_name/--></span></div>
<script>cloud.shoplive.init({ accessKey: 'ACCESS_KEY', platform: 'MAKESHOP' });</script>

코드 입력 2

Shoplive Plugin을 노출할 페이지에 아래 코드를 입력합니다.

<div id="shoplive-overall"></div>
<script>cloud.shoplive.setOverall('shoplive-overall');</script>

진입점 연결

2단계 코드가 삽입된 페이지의 주소를 진입점의 경로로 설정합니다.