가이드
5 · 숏폼 컬렉션 설정하고 사이트에 적용하기
숏폼 목록의 숏폼 컬렉션 미리보기에서 컬렉션의 전시 방식을 설정하고, 설정이 반영된 코드를 복사해 쇼핑몰 페이지에 적용합니다. 그룹 상세에서도 같은 화면을 열 수 있습니다. 컬렉션 옵션은 미리보기와 임베드 코드에 함께 반영됩니다.
컬렉션 옵션
표시 설정
- 레이아웃: 가로 스크롤, 세로 스크롤 Large, 세로 스크롤 Small 중에서 고릅니다. Desktop과 Mobile 미리보기로 확인할 수 있습니다.
- 상품 UI, 행수
- 가로형 전용 옵션: 가로 아이템 수, 가로 방향 화살표 표시처럼 가로형 미리보기에서만 적용됩니다.
- 더보기 버튼 노출 여부
- 미리보기 자동 재생 방식: 전체 재생하기 또는 한 줄에 하나씩 재생
- 자동 가로 스크롤
- 콘텐츠 순서 랜덤 노출
- 쿼리 파라미터 기록 비활성화: 숏폼을 보는 동안 브라우저 주소(URL)가 바뀌지 않아, 사이트 원래의 페이지 이동 방식을 그대로 사용할 수 있습니다.
필터/분류 옵션
Tags(태그로 콘텐츠를 분류), Brands(브랜드로 콘텐츠를 분류), 상품 SKU를 입력해 컬렉션에 표시할 콘텐츠를 정합니다. 쉼표(,)로 여러 값을 입력할 수 있으며 태그 검색 조건에서 여러 태그 입력 시 AND/OR 검색 방식을 선택합니다. 태그 분류 전시를 사용하면 전체 콘텐츠에서 해당 태그가 적용된 콘텐츠를 분류하여 볼 수 있습니다.
정렬/추가 옵션
정렬 기준은 생성일, 수정일, 조회수, 좋아요, 댓글수, 북마크수, 공유수 중에서 고르고 정렬 방향은 오름차순 또는 내림차순입니다. 노출 순서와 특정 컬렉션/상품 기준을 함께 설정할 수 있습니다.
임베드 코드 복사
- 컬렉션 옵션을 설정합니다.
- 설치 코드(한 번만 삽입)와 임베드 코드(위치마다 삽입)를 확인합니다. 현재 선택한 옵션이 반영된 코드이며, 고객사의 Access Key가 자동으로 입력됩니다.
- 임베드 코드 복사를 누르면 임베드 코드가 복사 되었습니다. 메시지가 표시됩니다.
- 복사한 코드를 페이지의
<body>안 원하는 위치에 붙여넣으면 숏폼 컬렉션이 표시됩니다. 코드 적용은 개발팀에 전달하세요.