개발팀이 연동을 적용할 때 참고하는 가이드입니다. 어드민을 운영하는 데에는 필요하지 않습니다.

숏폼 Preview(PIP)를 아래와 같은 방법으로 구성할 수 있습니다.

숏폼 그룹 기반 Preview 구성 방법

숏폼 그룹으로 Preview(PIP)를 구성하는 방법은 다음과 같습니다.

<script>
  cloud.shoplive.showShortformPreview({ 
    shortformCollectionId: "SHORTFORM_GROUP_ID" 
  });
</script>

SKU 기반 Preview 구성 방법

특정 상품SKU를 바탕으로 Preview(PIP)를 구성하는 방법은 다음과 같습니다.

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

태그 기반 Preview 구성 방법

숏폼 태그를 바탕으로 Preview(PIP)를 구성하는 방법은 다음과 같습니다. 태그는 최대 5개까지 입력 가능합니다.

<script defer>
  cloud.shoplive.showShortformPreview({
    tags: ["YOUR_TAG1", "YOUR_TAG2"]
  });
</script>

 tagSearchOperator="AND" 옵션을 활용하여 모든 태그(AND 조건)를 포함하는 조건으로 구성할 수 있습니다.

<script defer>
  cloud.shoplive.showShortformPreview({
    tags: ["YOUR_TAG1", "YOUR_TAG2"],
    tagSearchOperator: "AND"
  });
</script>

브랜드 기반 Preview 구성 방법

특정 브랜드를 바탕으로 Preview(PIP)를 구성하는 방법은 다음과 같습니다. 태그는 최대 5개까지 입력 가능합니다.

<script defer>
  cloud.shoplive.showShortformPreview({
    brands: ["BRAND_IDENTIFIER1", "BRAND_IDENTIFIER2"]
  });
</script>