# 샵 플레이어 탭

## 상품배너 추가

{% hint style="info" %}
샵 플레이어는 상품 배너를 추가한 경우에만 샵플레이어 링크가 활성화 돼요.
{% endhint %}

### 카페 24로 회원가입한 경우

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

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

카페 24로 회원가입 한 경우 쇼핑몰의 상품 목록을 불러올 수 있어요.

1. \[라이브러리] > \[동영상 탭] > \[대표 상품]행에서 **\[상품 추가] 버튼**을 클릭해 주세요.
2. \[사이드바]가 표시돼요.
3. \[배너 추가]에서 \[ + ]버튼을 클릭해서 상품 배너를 추가하세요.
4. 카페 24에 등록된 상품이 상품 배너에 추가됩니다. 바로 구매 링크는 최대 30개까지 추가 가능해요.\
   가장 첫번째 순서인 상품 배너는 '대표 상품'으로 표시됩니다.\
   \[상품 배너 순서] > \[상품 배너 블럭]을 드래그하여 샵 플레이어 위에 표시되는 배너 순서도 변경해 보세요.
5. 상품 배너는 \[**저장 및 업데이트] 버튼**을 클릭 한 후 미리보기에서 볼 수 있어요.

### 직접 또는 다른 플랫폼으로 회원가입한 경우

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

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

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

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

1. \[동영상 목록] >  \[대표상품]에서 **\[상품 추가] 버튼**을 버튼을 클릭하세요.
2. 사이드바가 열리면 샵플레이어 탭의 미리보기와 편집화면을 볼 수 있어요.
3. **\[배너 추가]**&#xC5D0;서 상품 정보를 입력할 수 있습니다. 배너를 클릭하면 이동할 링크, 썸네일 이미지 주소, 상품명, 가격(선택)을 입력하고 **\[배너 추가]** 버튼을 클릭하세요.
4. 추가한 상품 배너가 목록에 표시됩니다.
5. \[사이드 바] > \[샵플레이어 탭]의 **\[저장 및 업데이트]**&#xBC84;튼을 클릭하면 추가한 상품 배너가 미리보기에 반영됩니다.

## 플레이어 설정 변경

### 자동재생

{% hint style="danger" %} <mark style="color:red;">**자동 재생 on을 설정하면 동영상이 재생될 때 소리가 없는 음소거 상태로 동영상이 재생됩니다.**</mark>
{% endhint %}

* 자동재생 on : 시청자가 재생 버튼을 누르지 않아도 페이지가 로딩되는 순간 동영상이 자동으로 로드됩니다. 이때, 소리는 음소거인 채로 자동 재생됩니다.&#x20;
* 자동재생 off : 플레이어가 포함된 페이지가 로딩되어도 시청자가 재생 버튼을 누를 때만 동영상이 자동 재생됩니다.&#x20;

### 반복재생

* 반복재생 on : 동영상이 끝나도 끊기지 않고 다시 처음부터 재생됩니다.&#x20;
* 반복재생 off : 동영상이 끝나면 재생이 끊깁니다. 시청자가 재생 버튼을 클릭해야만 동영상이 처음부터 다시 재생됩니다.


---

# 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/library/oepn_sidebar/tap_shop.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.