# 재생목록 만들기

## 상품 배너 추가하기 (샵 플레이어 전환) <a href="#add-banner" id="add-banner"></a>

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

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FUrij7IAieGjvffjknQtV%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B001.png?alt=media&#x26;token=b28a4641-41c5-4080-8d56-5b4dcc240cbb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FM0X2naTVKFGhOFYAyGdX%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B002.png?alt=media&#x26;token=8f290114-bffb-4b34-a743-d3bba1bef3b0" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FPL9VCNhYZJ1IRD96DnDA%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B003.png?alt=media&#x26;token=c463c42d-76d0-46cc-a6a8-c5431dddc2f9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FPQFiAzVxCtMyVBwz13JS%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B004.png?alt=media&#x26;token=beb8bea7-9442-4142-9644-154f64d2b2c0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FbFm6NQ6AwpHK04SOaSYN%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B005.png?alt=media&#x26;token=06db0705-5468-4463-b27f-b8b2a6aa4a46" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FdlU2r9sBnQIvWKd5wd7t%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B006.png?alt=media&#x26;token=7153ebbc-bf03-4fe9-8a45-80d72ea6bf91" alt=""><figcaption></figcaption></figure>

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

## 재생목록 만들기

#### 라이브러에 탭서 만들기

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FgApOiFcoikAMilnvqIfy%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B007.png?alt=media&#x26;token=ffdf0817-7b3a-49f5-8a97-b3a597c32bc3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FsXFv4SZpLvU0SpOhhMHz%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B008.png?alt=media&#x26;token=cb111f1a-e6c1-4479-9c64-ec2421815416" alt=""><figcaption></figcaption></figure>

1. \[라이브러리] 에서 동영상 맨 앞의 체크박스를 선택하세요.
2. 하단의 툴바에 표시된 **\[+재생목록 만들기]** 버튼을 클릭하세요.
3. 재생목록 만들기 팝업에서 새로운 재생목록 만들기 또는 기존 재생목록에 동영상을 추가할 수 있어요.

#### 재생목록 에서 만들기

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FPS9xXfu9SrNDGx4ReptA%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B009.png?alt=media&#x26;token=d7d8cb07-7465-4865-bb13-d410d483c382" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FDkl52JmYbNuNClGYok8X%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B010.png?alt=media&#x26;token=c7c1bd46-a794-4a9d-9176-74e9187dba8e" alt=""><figcaption></figcaption></figure>

1. \[라이브러리] > \[재생목록 탭]에서 기존에 만들어진 재생목록이 하나도 없을 경우 **\[재생목록 만들기]** 버튼이 표시돼요.
2. **\[재생목록 만들기]** 버튼을 클릭하면, 동영상 탭으로 이동하여 목록 첫번째 동영상의 체크박스가 자동으로 체크 돼요.
3. 하단의 앱바에 표시된 **\[+재생목록 만들기]** 버튼을 클릭하세요.

## 재생목록 만들기 팝업

#### 새로운 재생목록 만들기

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FmSCpwMiziTISWGJYaLvF%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B011.png?alt=media&#x26;token=1258f303-cdb1-4150-9d8e-7a6fa66a47a5" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FeLiuZRjVxEKHhbHmimDz%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B012.png?alt=media&#x26;token=c2ca7799-4a6c-4c52-89ea-930577108936" alt=""><figcaption></figcaption></figure>

1. 만들기 방식에서 **\[새로운 재생목록 만들기]**&#xB97C; 선택하세요.
2. 재생목록의 제목을 입력해 주세요.
3. 재생목록에 추가될 동영상 수를 확인하세요. 상품 배너가 추가되지 않고 <mark style="color:purple;">**디스플레이어만 활성화된 동영상은 재생목록에 포함할 수 없어요.**</mark> 따라서 제외된 항목으로 표시됩니다.
4. **\[만들기]** 버튼을 클릭하면 샵 플레이어 재생목록이 생성됩니다.
5. 재생목록 탭을 클릭하여 방금 생성된 재생목록 카드를 확인해 주세요.

#### 기존 재생목록에 추가하기

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FMa6vHoNx7MjojGveC97M%2F%EC%9E%AC%EC%83%9D%EB%AA%A9%EB%A1%9D%20%EB%A7%8C%EB%93%A4%EA%B8%B013.png?alt=media&#x26;token=7a42ebd0-31d7-4324-9aff-1bb2a4cbfdc7" alt=""><figcaption></figcaption></figure>

1. 만들기 방식에서 **\[기존 재생목록에 동영상 추가하기]**&#xB97C; 선택하세요.
2. 기존 재생목록을 검색하거나 목록에서 선택해 주세요.
3. 재생목록에 추가될 동영상 수를 확인하세요. 상품 배너가 추가되지 않고 <mark style="color:purple;">**디스플레이어만 활성화된 동영상은 재생목록에 포함할 수 없어요.**</mark> 따라서 제외된 항목으로 표시됩니다.
4. **\[추가하기]** 버튼을 클릭하면 선택한 재생목록에 동영상이 추가됩니다.
5. 재생목록 탭을 클릭하여 기존 카드에서 변경된 동영상 수를 확인해 주세요.

{% hint style="warning" %} <mark style="color:red;">**1개의 재생목록은 최대 200개의 샵플레이어를 포함할 수 있습니다.**</mark>&#x20;
{% endhint %}