▶︎ 상품 페이지 내 PIP 설정

상품과 숏폼을 연동해서 상품 상세 페이지 내 PIP로 보여줄 수 있습니다.

숏폼을 보여줄 페이지에 아래 코드를 입력하세요.

(e.g. 상품 상세페이지의 공통 레이아웃)

<script defer>
  cloud.shoplive.showShortformPreview();
</script>

위 함수가 호출되는 URL을 분석하여 연관 숏폼을 자동으로 영상 배너를 보여줍니다.
(URL에서 상품을 유추할 수 없는 환경이라면 영상 배너가 표시되지 않습니다.)

상품 URL과 실제 랜딩되는 페이지의 주소가 다른 경우, 연관 숏폼이 표시되지 않을 수 있습니다. 예를들어,

일반 주소 - https://shoplive.cloud/product/{PRODUCT_ID}/detail

모바일 주소 - https://m.shoplive.cloud/product/{PRODUCT_ID}/m/detail

이런 경우, 샵라이브에 연락 부탁드립니다.

상품을 특정하여 연관 숏폼을 구성하고 싶다면, 아래 코드와 같이 상품의 정보를 설정하세요.

<script defer>
  var config = {sku: "SKU"};
  cloud.shoplive.showShortformPreview(config);
</script>