# 위젯

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

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

<figure><img src="/files/SoEIkEf42ilDbdHxYsCS" alt=""><figcaption></figcaption></figure>

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

#### 플로팅 위젯

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

<figure><img src="/files/YBYRnExYIA7QieVIarcZ" alt=""><figcaption></figcaption></figure>

#### 슬라이드 위젯

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

<figure><img src="/files/TnXGqIA8MLTiYYsdYQTY" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/jPfx3GeRcskMa8hY1Bh6" 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.charlla.io/userguide/widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.