Shoplive Docs
한국어KOEnglishEN日本語JA
가이드

5 · 숏폼 컬렉션 설정하고 사이트에 적용하기

숏폼 목록의 숏폼 컬렉션 미리보기에서 컬렉션의 전시 방식을 설정하고, 설정이 반영된 코드를 복사해 쇼핑몰 페이지에 적용합니다. 그룹 상세에서도 같은 화면을 열 수 있습니다. 컬렉션 옵션은 미리보기와 임베드 코드에 함께 반영됩니다.

컬렉션 옵션

표시 설정

  • 레이아웃: 가로 스크롤, 세로 스크롤 Large, 세로 스크롤 Small 중에서 고릅니다. Desktop과 Mobile 미리보기로 확인할 수 있습니다.
  • 상품 UI, 행수
  • 가로형 전용 옵션: 가로 아이템 수, 가로 방향 화살표 표시처럼 가로형 미리보기에서만 적용됩니다.
  • 더보기 버튼 노출 여부
  • 미리보기 자동 재생 방식: 전체 재생하기 또는 한 줄에 하나씩 재생
  • 자동 가로 스크롤
  • 콘텐츠 순서 랜덤 노출
  • 쿼리 파라미터 기록 비활성화: 숏폼을 보는 동안 브라우저 주소(URL)가 바뀌지 않아, 사이트 원래의 페이지 이동 방식을 그대로 사용할 수 있습니다.

필터/분류 옵션

Tags(태그로 콘텐츠를 분류), Brands(브랜드로 콘텐츠를 분류), 상품 SKU를 입력해 컬렉션에 표시할 콘텐츠를 정합니다. 쉼표(,)로 여러 값을 입력할 수 있으며 태그 검색 조건에서 여러 태그 입력 시 AND/OR 검색 방식을 선택합니다. 태그 분류 전시를 사용하면 전체 콘텐츠에서 해당 태그가 적용된 콘텐츠를 분류하여 볼 수 있습니다.

정렬/추가 옵션

정렬 기준은 생성일, 수정일, 조회수, 좋아요, 댓글수, 북마크수, 공유수 중에서 고르고 정렬 방향은 오름차순 또는 내림차순입니다. 노출 순서와 특정 컬렉션/상품 기준을 함께 설정할 수 있습니다.

임베드 코드 복사

  1. 컬렉션 옵션을 설정합니다.
  2. 설치 코드(한 번만 삽입)와 임베드 코드(위치마다 삽입)를 확인합니다. 현재 선택한 옵션이 반영된 코드이며, 고객사의 Access Key가 자동으로 입력됩니다.
  3. 임베드 코드 복사를 누르면 임베드 코드가 복사 되었습니다. 메시지가 표시됩니다.
  4. 복사한 코드를 페이지의 <body> 안 원하는 위치에 붙여넣으면 숏폼 컬렉션이 표시됩니다. 코드 적용은 개발팀에 전달하세요.