Shoplive Plugin 설치하기

1. Shopify 로그인하기

Shopify 관리자 계정에 로그인합니다.

2. 테마 편집하기

온라인 스토어에서 테마를 선택합니다. 현재 테마에서 작업을 클릭한 뒤, 코드 편집을 클릭합니다.

3. 코드 편집하기

코드 편집창이 뜨면 theme.liquid를 클릭하고 태그 밑으로 아래 코드를 입력합니다. accesskey를 'ACCESS_KEY' 부분에 입력하고 저장합니다.

<div module="Layout_stateLogon" style="display: none;">{$id} {$name}</div>
<script type="text/javascript" src="https://static.shoplive.cloud/shoplive.js"></script>
<script>cloud.shoplive.init({ accessKey: 'ACCESS_KEY', platform: 'SHOPIFY' });</script>

4. 페이지 편집하기

페이지 버튼을 클릭하여 라이브 페이지를 추가합니다. 페이지 추가 버튼을 클릭하고 제목을 입력한 뒤, 아래 코드를 입력한 뒤 저장합니다.

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

5. 메뉴 편집하기

탐색을 클릭하여 라이브 페이지를 노출할 메뉴를 선택한 뒤 카테고리를 편집합니다.

6. 설정 완료하기

모든 설정이 완료되었다면 홈페이지 미리보기를 통해 미니 프리뷰가 노출되는지 확인합니다. 만약 미니 프리뷰가 노출되지 않는다면 방송 상세정보에서 진행중인 라이브 방송의 플러그인/API를 공개로 설정해주세요.