메이크샵

    메이크샵


    기사 요약

    공통

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


    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단계 코드가 삽입된 페이지의 주소를 진입점의 경로로 설정합니다.


    What's Next