# 위젯

## 1. 위젯이란 무엇인가요?

위젯은 영상과 상품을 다양한 레이아웃으로 구성해 고객 페이지에 노출할 수 있도록 제공되는 디자인 템플릿입니다.
 \
샵플레이어는 위젯을 구성하는 기본 플레이어로, 상황에 맞는 위젯 템플릿 형태로 선택해 쇼핑몰에 배치할 수 있습니다.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FMjUufwMklwGGBoZeM7sC%2F1.png?alt=media&#x26;token=18cdebc3-e765-4622-af8d-fd3b3a590c9e" alt=""><figcaption></figcaption></figure>

## 2. 어떤 위젯이 있나요?

#### 플로팅 위젯

화면 한쪽에 고정되어 표시되는 위젯입니다.
\
사용자가 스크롤 중에도 동영상을 자연스럽게 볼 수 있습니다.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2Fw6AWkNS0LB9mTghXahJa%2F3.png?alt=media&#x26;token=42696581-dba9-492b-8cb4-890002ca1c5f" alt=""><figcaption></figcaption></figure>

#### 슬라이드 위젯

여러 영상을 슬라이드 형태로 전환하며 보여주는 위젯입니다.
\
사용자가 좌우로 넘기며 다양한 영상을 연속적으로 탐색할 수 있습니다.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2Ff2Qy2TLQ9qn3ZNSq5jxQ%2F4.png?alt=media&#x26;token=4f6c2294-0823-408d-865b-64d7be0d278b" alt=""><figcaption></figcaption></figure>

#### 멀티 샵플레이어 위젯

동영상과 상품 목록을 함께 배치해, 콘텐츠를 보며 상품을 쉽게 탐색할 수 있는 위젯입니다.
\
세 가지 레이아웃 중 상황에 맞게 선택해, 영상에 어울리는 상품 구성을 보여줄 수 있습니다.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FMeoQZ69ibx7rdfpGFBES%2F5.png?alt=media&#x26;token=815c1f86-c9eb-4b2f-bae0-44a3344d9929" alt=""><figcaption></figcaption></figure>

## 3. 기존 재생목록과 무엇이 달라지나요?

기존 재생목록은 위젯 유형 중 하나인 **멀티 샵플레이어 위젯**으로 통합되었습니다.\
기존과 동일한 기능을 포함하면서, 영상 전환 속도와 상품 관리 방식이 개선되었습니다.

#### **재생목록과 멀티 샵플레이어 위젯 비교**

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2F80BuQ4SM2p9tNsjFGdFG%2FVideoSwipe_Performance_comparison.mp4?alt=media&token=3ede294d-399a-42ed-a418-7dc0f080dafa>" %}

<table><thead><tr><th width="176">구분</th><th>멀티 샵플레이어 위젯</th><th>재생목록</th></tr></thead><tbody><tr><td><strong>스와이프 반응 속도</strong></td><td>평균 191 ms</td><td>평균 531 ms</td></tr><tr><td><strong>상품 등록 방식</strong></td><td>한 번 등록 후 배너 연결 가능</td><td>영상마다 상품 배너 개별 등록</td></tr><tr><td><strong>상품 정보 수정</strong></td><td>한 번 수정으로 전체 적용</td><td>각 영상의 배너를 개별 수정</td></tr><tr><td><strong>재생 옵션</strong></td><td>랜덤 재생 지원</td><td>고정 순서 재생</td></tr></tbody></table>