카페24 연동을 통해 소스라이브의 기본 플레이어와는 다른 방식으로 작동하거나, 특정 플랫폼(예: 카페24)의 요구에 맞춰 추가할 수 있는 기능에 대한 설명 입니다.

window.SauceLiveLib.setInit({broadcastId:'방송ID',platform:'CAFE24'})

플로팅 기능

모바일에서 상품 또는 배너를 클릭하면 플레이어가 플로팅 형태로 전환됩니다. 이후 확대 버튼(⤢)을 클릭하면, 플레이어는 원래 상태로 되돌아갑니다. 플로팅 상태에서의 닫기 버튼 ( 아래 UI 의 X 버튼 ) 을 클릭시에 플로팅되는 플레이어만 사라집니다.

❗️

상품 등록 시, 상품 링크는 동일 도메인의 모바일용 링크로 등록해 주세요.

URL 복사 기능

플레이어 오른쪽 하단의 공유하기 아이콘을 클릭하면, 카페24 자체 링크의 URL이 복사됩니다.

쿠폰 기능

플레이어 상단에 쿠폰을 추가하면, 라이브 중 쿠폰을 발급하는 기능을 사용할 수 있습니다.

STEP 1. 카페24 > 프로모션 > 쿠폰 관리 > 쿠폰 만들기에서 실제로 사용할 쿠폰을 등록하고 쿠폰 번호를 확인합니다. 상세 쿠폰을 등록하고 발급하는 과정은 카페24 > 쿠폰 설정에서 확인할 수 있습니다.

STEP 2. 아래와 같이 발급 쿠폰 목록에서 쿠폰 번호를 복사해둡니다.

STEP 3. 라이브 시작 전에는 라이브콘솔에서 쿠폰을 등록하거나 수정할 수 있으며, 라이브 중에는 노출 여부 과 발급 마감 기능을 통해 실시간 운영이 가능합니다. 쿠폰 등록에 대해서 자세한 사항은 라이브 콘솔 < 쿠폰 을 참고해주세요.

클릭 이벤트는 반드시 쿠폰 코드로 추가해야 사용 가능합니다.

STEP 4. 라이브콘솔 > 사이드바 > 쿠폰에서 노출 혹은 발급여부를 ON하여, 플레이어 상단에 아래와 같은 이미지로 쿠폰 노출 여부 및 상태 관리가 가능합니다.

STEP 5. 쿠폰 영역을 클릭해 쿠폰이 발급되면, 아래와 같이 발급 완료 상태를 확인할 수 있으며 실제로 고객에게도 쿠폰이 발급됩니다.

닫기 기능

방송 나가기 클릭 시 뒤로 가기 동작이 실행되며, 이전 페이지가 없을 경우 페이지가 닫힙니다.

로그인 기능

로그인을 클릭하면 /member/login.html 페이지로 자동 이동합니다. 로그인 링크를 다른 경로로 변경하고자 할 경우, 모비두 담당자에게 별도 문의가 필요합니다.

리워드 기능

리워드 기능 설정을 완료하면, 아래 라이브콘솔에서 지정한 연결URL로 자동 이동됩니다.

별도 커스텀 세팅 기능

브릿지에 함수를 세팅하여 위의 동작 처리를 하지 않고 cafe24 고객이 세팅하고자 하는 함수를 실행시킬수 있습니다. 브릿지에 대한 자세한 사항은 링크를 참고해주세요.

    const bridge ={ 
      sauceflexMoveLogin:()=>console.log('로그인 버튼'),
      sauceflexMoveExit:()=>console.log('닫기 버튼'),
      sauceflexMoveProduct:(params)=>console.log(params)
    }
     window.SauceLiveLib.setPlatformBridge(bridge)

더 많은 정보 보기

➕

아래 타이틀을 클릭하고 더 많은 🔗연동 정보🔗를 확인해보세요.

• 플레이어와 회원 연동
• 앱 설치와 상품 연동
• 주문 연동
• 쿠폰 설정
• 모아보기 연동
• 쇼룸 연동