메이크샵에 설치하기
▶︎ Shoplive Plugin Web 설치하기
▸ Makeshop 로그인
메이크샵에 로그인합니다.
▸ 디자인 편집하기
개별 디자인에서 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단계 코드가 삽입된 페이지의 주소를 진입점의 경로로 설정합니다.
▶︎Shoplive Plugin 모바일 설치하기
▸디자인 편집하기
모바일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단계 코드가 삽입된 페이지의 주소를 진입점의 경로로 설정합니다.
Updated 4 months ago