# 찰나 제품 소개

찰나(Charlla)는 온라인 쇼핑몰에서 자체적으로 숏폼을 게시하고 마케팅에 활용할 수 있도록 지원하는 B2B 서비스입니다. 상세페이지에 동영상을 활용한 상품 소개부터, 바로 구매 링크가 포함된 커머스 플레이어 제작까지. 찰나가 지원하는 여러 기능을 함께 사용하고, 소비자들의 찰나를 사로잡으세요.

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

[찰나 소개 페이지](https://charlla.io/about)


# 자주 묻는 질문

<details>

<summary>Q. 네이버 스마트 스토어에서 찰나를 사용할 수 있나요?</summary>

네, 가능합니다! 기존에는 보안상의 이유로 네이버 스마트 스토어에서는 iframe 삽입이 차단되어 있어 찰나를 사용할 수 없었습니다. 하지만 이제 HTML5 Video Tag를 사용하여 손쉽게 찰나의 숏폼 영상을 네이버 스마트 스토어에서 활용할 수 있습니다.\ <br>

네이버 스마트 스토어에서 찰나를 사용하려면, 다음 단계를 따라주세요:

1. 찰나의 코드 복사 탭에서 **Video Tag 체크 박스**를 선택합니다.
2. HTML5 Video Tag 코드를 복사합니다.
3. 네이버 스마트 스토어의 HTML 직접 입력을 지원하는 영역에 복사한 코드를 붙여 넣기만 하면 됩니다.

따라하기 어려우시면 찰나 사이트 좌측 하단에 채팅으로 문의 주셔도 됩니다 :)

</details>

<details>

<summary>Q. 찰나의 동영상 업로드 가능 숫자는 누적인가요? 월별인가요?</summary>

동영상 업로드 가능 숫자는 누적입니다.

</details>

<details>

<summary>Q. 찰나를 활용한 사이트 적용 사례들에는 뭐가 있을까요?</summary>

찰나를 활용한 대표적인 사례들을 보여드릴게요!

1. **동영상 배너**&#x20;

젝시믹스&#x20;

<https://xexymix.com/>

2. **랜딩페이지 대문**&#x20;

화미사&#x20;

<https://whamisashop.com/>

3. **상품 썸네일**&#x20;

라이다&#x20;

<https://ridar.cafe24.com/product/p\\_list.html?cate\\_no=57>

4. **샵플레이어 재생목록**&#x20;

JMW&#x20;

<https://player.charlla.io/shoplayer/list/E3jR5RJG9HA>

</details>

<details>

<summary>Q. 결제가 실패했을 때 어떻게 해야 하나요?</summary>

결제가 실패했을 경우, 아래 과정을 참고해 주세요:<br>

1. 결제 실패 후 첫 3일 동안:

* 영상은 정상적으로 재생돼요.
* 찰나 콘솔에 로그인할 때 카드 정보 입력 팝업이 나타나요. 이 기간 동안 새로운 카드 정보를 입력하여 결제를 완료할 수 있어요.

2. 결제 실패 후 4일째부터 17일째까지:

* 영상 재생이 중지돼요.
* 찰나 콘솔에 로그인할 때 카드 정보 입력 팝업이 나타나요. 이 기간 동안 새로운 카드 정보를 입력하여 결제를 완료할 수 있어요.

3. 결제 실패 후 18일이 지난 후:

* 계정이 삭제 및 탈퇴 처리돼요.
* 이 시점부터는 더 이상 찰나 서비스를 이용할 수 없으며, 재사용을 원하시면 새로운 계정으로 가입하셔야 해요.

결제와 관련하여 추가 문의 사항이 있으시면 고객지원팀에 문의해주세요.

</details>

<details>

<summary>Q. 찰나의 가격 정책은 어떻게 되나요?</summary>

찰나의 가격 정책은 고객사의 필요와 사용량에 따라 다르게 책정됩니다. <br>

상세한 가격 정보는 홈페이지의 '가격 안내 페이지(<https://charlla.io/about/price>)'에서 확인하거나, 고객 지원팀에 문의하시면 맞춤형 견적을 제공해드립니다.

</details>

<details>

<summary>Q. 찰나는 숏폼 제작업체인가요?</summary>

찰나는 숏폼 콘텐츠를 직접 제작하는 업체는 아니지만, **여러 숏폼 제작 업체와 제휴 협력**이 되어 있어, 고객님께서 필요하신 경우 추가적인 지원을 제공해 드릴 수 있습니다.&#x20;

찰나는 고객님의 숏폼 콘텐츠를 효율적으로 전달하고 관리할 수 있도록 최선을 다하고 있습니다. 고객 지원팀에 문의하시면 지원 드리겠습니다!

</details>

<details>

<summary>Q. 찰나는 1개의 아이디로 여러 개의 사이트를 동시에 운영할 수 있나요?</summary>

네, 가능합니다! 찰나는 1개의 아이디로 여러 개의 사이트에서 제한 없이 사용할 수 있습니다.&#x20;

예를 들어, 카페24에서 활용  중인 동일한 영상을 NHN커머스나 자체 홈페이지에서 동일한 아이디로 편리하게 운영하실 수 있습니다.

</details>

<details>

<summary>Q. 영상 자동재생 시, 오디오도 자동으로 켜지게 기본 셋팅할 수 없나요?</summary>

구글, 사파리 등의 브라우저에서는 사용자가 페이지와 상호작용하기 전까지 오디오나 비디오의 자동 재생을 허용하지 않는 경우가 많습니다. 이는 사용자의 의도치 않은 데이터 소모나 불쾌한 경험을 방지하기 위한 정책입니다.&#x20;

이러한 브라우저 정책으로 인해 찰나에서도 기본 설정으로 오디오가 자동으로 켜지는 기능을 제공하지 않고 있습니다.

</details>

<details>

<summary>Q. 플레이어 로드 수가 뭔가요?</summary>

플레이어 로드 수는 웹페이지가 로딩 될 때마다 동영상 플레이어가 load(재생 준비)되는 수 입니다.\
소비자가 쇼핑몰 페이지에 접속할 때, 동영상 플레이어가 '로드'되며, 이 경우 동영상이 재생되지 않더라도 로드 수가 1로 계산됩니다. 하지만, 플레이어가 로드된 이후 동영상이 반복 재생 되는 경우는 로드 수가 올라가지 않습니다.\
즉, 플레이어가 1번 로드된 이후 동영상이 100번 반복재생 되어도 로드 수는 1번으로 계산됩니다.\
PV(페이지 뷰)가 높을수록 플레이어 로드 수도 대체적으로 높을 가능성이 있습니다.

</details>

<details>

<summary>Q. 찰나를 무료로 체험해 볼 수 있나요?</summary>

네! 찰나는 한 달 동안 스탠다드 플랜으로 무료체험을 제공합니다.

카페24 사용 고객인 경우 앱 스토어에서 찰나를 설치해 주세요. (<https://store.cafe24.com/kr/apps>)

 다른 플랫폼 고객인 경우 찰나 소개페이지에서 [\[무료로 시작하기\]](https://charlla.io/account/check) 버튼을 눌러주세요!

</details>

<details>

<summary>Q. 무료체험 기간에 스탠다드 로드 수를 모두 써서 초과금액이 발생하면 어떻게 하나요?</summary>

무료 체험 기간에는 스탠다드 플랜 로드 수를 초과하여 사용하더라도 초과금액이 발생하지 않아요.

마음껏 써보고 결정하세요 !

</details>

<details>

<summary>Q. 초과금은 왜 발생하나요? </summary>

찰라 플랜별로 제공하는 기본 로드 수를 초과하면 동영상은 끊기지 않지만, 초과 금액이 부과됩니다.\
초과 금액은 로드 수가 발생한 만큼 계산됩니다.\
사용한 로드 수가 100%를 초과하여 초과 금액이 부과되는 시점에 메일과 서비스 내 알림으로 안내드려요.\
초과 금액은 **다음 달** 결제일에 플랜 가격과 함께 결제됩니다.

</details>

<details>

<summary>Q. 찰나 플랜은 어떻게 결제 되나요?</summary>

끊기지 않고 찰라를 사용할 수 있도록 회원가입 시 자동 결제 정보를 요청 드리고 있습니다. 무료체험 종료 후 Standard 플랜으로 구독이 자동 연장되며, 가입 시 등록한 자동 결제 정보로 결제가 진행됩니다.\
플랜 구독 변경은 무료체험 종료 전 언제든지 가능합니다.

</details>

<details>

<summary>Q. Vimeo 사용 중인데, Vimeo 사용량 기준으로 플랜을 결정할 수 있나요?</summary>

찰나의 "플레이어 로드 수"는 Vimeo 애널리틱스 항목 중 "노출 수"와 같은 개념입니다.

Vimeo 메뉴 중 "애널리틱스" > "날짜" 메뉴에서 선택한 기간 동안의 "노출 수"를 확인하실 수 있습니다. 현재 사용하고 있는 Vimeo 영상 모두를 찰나 플레이어로 교체하면 동일한 기간동안 비슷한 수치의 플레이어 로드 수가 발생합니다.

<figure><img src="/files/1owtvS2JrP4bY0DMRL3e" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>Q. 초과금액을 원하지 않으면 어떻게 해야하나요?</summary>

초과금을 원하지 않을 경우 플레이어 재생을 차단하는 방법을 쓸 수 있어요.

1. **찰나 라이브러리에서 동영상 삭제하기**\
   \[라이브러리 체크박스 선택] > \[화면 하단의 퀵바] > \[삭제 버튼]\ <mark style="color:red;">**주의 !**</mark> <mark style="color:red;"></mark><mark style="color:red;">동영상이 삭제되어 로드 수는 더이상 올라가지 않지만,</mark> <mark style="color:red;"></mark><mark style="color:red;">**상세페이지에서 찰나 플레이어가 보이지 않기**</mark> <mark style="color:red;"></mark><mark style="color:red;">때문에 의도치 않은</mark> <mark style="color:red;"></mark><mark style="color:red;">**페이지 여백이 발생**</mark><mark style="color:red;">합니다. 여백까지 없애기 위해서는 2번 방법을 참고하세요.</mark><br>
2. **플레이어 url 링크 직접 삭제하기**
   1. 샵플레이어 링크 삭제\
      샵 플레이어 링크가 포함 된 포스팅이나 글 자체를 삭제하거나, 글 안의 플레이어 링크 url을 삭제 해 주세요.
   2. 디스플레이어 링크 삭제\
      디스플레이어를 사용한 HTML 상세페이지에서 플레이어 url(embeded 코드)를 삭제해주세요.

</details>

<details>

<summary>Q. 카페 24 호스팅을 사용 중인데, 샵플레이어 탭에서 상품 목록이 안떠요</summary>

카페 24 관리자 페이지 내 앱스토어를 통해서 찰나에 다시 접속해 주세요!\
\[찰나 로그아웃] > \[카페 24 로그인] > \[관리자 페이지 좌측 사이드바 '앱'메뉴] > \[마이앱] > **\[찰나 관리하기 버튼]**

<img src="/files/HvBDlg8sdtKY8YVCABOU" alt="" data-size="original">

</details>


# 공지사항

* [2024.06.10 재생목록 과금 시작 안내](/charllaintro/notice/2024.06.10)
* [2024.05.27 재생목록 과금 안내](/charllaintro/notice/2024.05.27)
* [2023.09.18 통계 변경 안내](/charllaintro/notice/2023.09.18)
* [2023.08.30 통계 변경 안내](/charllaintro/notice/2023.08.30)


# 2026.06.01 초과 로드수 요금 인하 및 서비스 약관 개정 안내

안녕하세요, 찰나(Charlla) 서비스를 이용해 주셔서 감사합니다.\
서비스 이용약관, 개인정보처리방침 및 데이터 처리 계약(DPA)이 아래와 같이 변경됩니다. \
변경 내용을 확인하시고, 문의 사항이 있으시면 고객센터로 연락해 주세요.

{% hint style="info" %} <mark style="color:blue;">공지일: 2026년 4월 30일 | 시행일: 2026년 6월 1일</mark>
{% endhint %}

### 1. 약관 및 고객 대상 문서 핵심 변경 사항

#### 이용약관

| <p><strong>세무 증빙 안내 개선 (제5-2조)</strong><br>카드결제 거래의 세무 증빙 안내를 관련 법령에 따른 중립적 문구로 개선하고, 별도 세금계산서가 필요한 경우의 협의 절차를 명확히 안내합니다.</p>                                                    |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>국내 직접 가입 고객 데이터 처리 역할 명확화 (제10-2조)</strong><br>국내 직접 가입 고객의 웹사이트 방문자 접속 데이터에 대한 회사의 데이터 처리 역할(독립적 컨트롤러)을 명시하고, 별도 DPA 체결 절차를 안내합니다.</p>                               |
| <p><strong>일본 고객 특약(Japan Addendum) 신설 (제10-2조)</strong><br>일본 법인을 통해 서비스를 이용하는 일본 소재 고객을 위한 별첨 특약을 신설합니다. 반사회적 세력 배제, 준거법 및 재판 관할(일본법/도쿄 지방재판소), 일본 현지 문의 창구에 관한 사항을 규정합니다.</p> |

#### 개인정보처리방침

| <p><strong>국외 이전 근거 명확화 (제6조)</strong><br>개인정보 국외 이전 시 수취인별(AWS, Stripe, 외부 플랫폼) 법적 근거와 역할을 구분하여 투명하게 안내합니다.</p> |
| ---------------------------------------------------------------------------------------------------------------- |
| <p><strong>통합 표준 방침으로 일원화</strong><br>기존 '글로벌 버전' 구분을 폐지하고, 모든 고객에게 동일한 통합 표준 개인정보처리방침을 적용합니다.</p>               |
| <p><strong>일본 현지 문의 창구 추가 (제14조)</strong><br>일본 거주 정보주체를 위한 현지 창구(주식회사 카테노이드 도쿄 사무소)를 개인정보 보호 책임자 정보에 병기합니다.</p> |

#### 데이터 처리 계약(DPA)

| <p><strong>재위탁자 및 독립 컨트롤러 구분 명확화 (부속서 III)</strong><br>승인된 재위탁자(AWS)와 독립 컨트롤러(Stripe, 외부 플랫폼)를 명확히 분리하여 데이터 처리 관계의 투명성을 강화합니다.</p>                   |
| ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>처리 빈도 및 법적 근거 보완 (부속서 C, E)</strong><br>최종 사용자 데이터의 처리 방식(서버 로그 기록 및 월별 통계 집계)을 구체적으로 기술하고, 쿠키 및 유사기술에 대한 ePrivacy 관련 컨트롤러 책임을 명시합니다.</p> |
| <p><strong>일본 현지 창구 추가 (부속서 I)</strong><br>일본 거주 정보주체를 위한 현지 문의 창구를 DPA 부속서에 병기합니다.</p>                                                              |

### 2. 초과 로드수 과금 단가 변경

서비스 품질 향상과 고객 부담 경감을 위해 초과 로드수 과금 단가를 아래와 같이 인하합니다.

| 요금제          | 변경 전        |   | 변경 후                                             |
| ------------ | ----------- | - | ------------------------------------------------ |
| Lite / Basic | ~~4원 / 로드~~ | → | <mark style="color:$primary;">**2원 / 로드**</mark> |
| Standard     | ~~3원 / 로드~~ | → | <mark style="color:$primary;">**1원 / 로드**</mark> |

\* 변경된 단가는 2026년 6월 1일 이후 결제부터 적용됩니다.\
\* 요금제별 상세 단가는 [요금 안내 페이지](https://charlla.io/price)에서 확인하실 수 있습니다.

### 3. 변경 문서 전문 확인

| [이용약관 (한국어)](https://charlla.io/terms/use-kr) \| [English](https://charlla.io/terms/use-en) \| [日本語](https://charlla.io/terms/use-ja)                                      |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [개인정보처리방침 (한국어)](https://charlla.io/terms/privacy-kr) \| [English](https://charlla.io/terms/privacy-en) \| [日本語](https://charlla.io/terms/privacy-ja)                      |
| [데이터 처리 계약 (한국어)](https://charlla.io/terms/dpa-kr) \| [English](https://charlla.io/terms/dpa-en) \| [日本語](https://charlla.io/terms/dpa-ja)                                 |
| [일본 고객 특약 (한국어)](https://charlla.io/terms/japan-addendum-kr) \| [English](https://charlla.io/terms/japan-addendum-en) \| [日本語](https://charlla.io/terms/japan-addendum-ja) |

{% hint style="warning" %}
변경된 약관은 **2026년 6월 1일**부터 시행됩니다. 시행일까지 별도의 거부 의사를 표시하지 않으시면 변경된 약관에 동의하신 것으로 간주됩니다. 변경 내용에 동의하지 않으시는 경우 시행일 전까지 고객센터 또는 서비스 콘솔을 통해 해지 의사를 표시하실 수 있습니다.
{% endhint %}


# 2025.05.29 ‘내 상품’ 탭 open beta 기간 과금 제외 안내

{% hint style="info" %}
'**내 상품' 탭은 카페24와 연동된 고객들만 제한적으로 사용 가능한 기능이에요.**

더 많은 고객분들이 사용할 수 있도록 준비할게요.
{% endhint %}

‘내 상품’ 탭 open beta가 새롭게 업데이트됐어요! 🎉\
카페24에 업로드된 상품 목록을 불러와, 대표 이미지에 찰나 영상을 연결할 수 있는 기능이에요.

open beta 기간 동안에 <mark style="color:purple;">**‘내 상품’ 탭 내에서 ‘영상 연결’로 발생한 로드수는 통계에 포함되지 않고, 과금도 발생하지 않아요.**</mark> 즉, 대표 이미지에 영상을 연결해도 비용이 청구되지 않으니 많은 사용 부탁드려요!

통계 화면에 표시되는 **‘합계’ 로드수는 디스플레이어, 샵플레이어, 재생목록**에서 발생한 <mark style="color:purple;">**실제 과금 대상 로드수만 포함**</mark>돼요.\
‘내 상품’ 탭에 연결된 영상에서 발생하는 '상품 연결' 통계는 기능을 사용하며 예상 로드수의 추이를 확인하는 용도로 활용해 주세요.

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

관련 문의가 있으신 경우 언제든지 [채팅 문의](https://25234.channel.io) 주세요. 🙂

\
감사합니다.

찰나팀 드림


# 2025.04.14 카페 24 리뷰 이벤트 참여 안내

{% hint style="success" %}
**주요 이벤트** **요약**\
✅ 대상 : 카페 24 연동 회원\
✅ 혜택 : 배달의민족 상품권 (5천원 권)\
✅ 기간 : 2025. 04. 14 \~ 2025. 04. 30\
✅ 경품 발송 : 리뷰 등록 후 3주 내 기프티콘 발송
{% endhint %}

### 1. 카페24에 로그인해 주세요.

### 2. 카페24 설치 페이지 하단에서 ‘리뷰 쓰기'를 클릭하세요.

{% hint style="success" %}
최소 50자 이상(공백 포함) 작성해야 이벤트 조건이 달성돼요.
{% endhint %}

<figure><img src="/files/jdN7OqmonWNEeBDvCGFH" alt="" width="375"><figcaption></figcaption></figure>

**➡️**[**리뷰쓰기 바로가기**](https://store.cafe24.com/kr/apps/19804)&#x20;

### 3. 별점과 함께 리뷰를 작성해 주세

<figure><img src="/files/nDzqMV5t95USFiIJei9W" alt="" width="375"><figcaption></figcaption></figure>

### 4. 상품권 발송을 위해 연락처를 보내 주시면 완료됩니다!

<figure><img src="/files/moAVQQRoZo7rCeHS6xCY" alt="" width="300"><figcaption></figcaption></figure>

**➡️**[**제출 폼 바로가기** ](https://webforms.pipedrive.com/f/1yMYxR8kOJbQMA25OW2TDPjvnugyjdS488c25tYry0mFrPN0yApkKFqyJP0hF7zBV)

{% hint style="info" %}
**이벤트 참고사항**

1. 본 이벤트는 **1인 당 1회 참여** 가능합니다.
2. **최소 50자 이상(공백 포함)** 리뷰를 작성해야 기프티콘이 발송됩니다.
3. 기프티콘은 정보 제출 후 **최대 3주 이내**에 휴대폰 번호로 발송됩니다.
4. 작성된 리뷰는 찰나의 마케팅 목적으로 활용될 수 있습니다.
5. 본 이벤트는 사전 공지 없이 종료될 수 있습니다.
   {% endhint %}


# 2024.06.10 재생목록 과금 시작 안내

안녕하세요, 찰나입니다.🙂

사전 안내 드렸듯이, **6월 10일 (월)요일**부터 재생목록에 포함된 샵플레이어 로드수가 '재생목록 로드수'로 과금에 포함됩니다. 단, <mark style="background-color:green;">**무료체험**</mark> 고객분들은 재생목록을 포함하여 모든 플레이어에서 초과금이 발생하지 않아요.

### ✅ **재생목록 과금 타임라인**

| 기간               | 과금 상황                                                                                                                                                                       |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 2024.2.1 \~ 5.29 | <p>재생목록 로드수가 통계 페이지에 표시되지 않음,<br>실제 과금에서 제외</p>                                                                                                                             |
| 2024.5.30 \~ 6.9 | <p>집계된 재생목록 로드수가 통계 페이지에 표시,<br>실제 과금에서는 제외</p>                                                                                                                             |
| **2024.6.10 이후** | <p><mark style="background-color:orange;"><strong>재생목록 로드수 과금 시작</strong></mark><br>- 재생목록에 포함된 샵플레이어와 개별 사용된 샵플레이어 로드수가 구분돼요.<br>- 재생목록 중 하나로 로드된 경우 ‘재생목록 로드수’가 올라가요.</p> |

### ✅ 꼭 기억해 주세요 !

통계 기간에 6월 10일 이전 기간이 포함되고, 이전 기간에 재생목록 로드수가 발생한 고객분들은 합계가 다르게 표시될 수 있어요. <mark style="background-color:orange;">**합계에는 실제 과금되는 로드수만 표시되기 때문**</mark>이에요.

예를 들어, 아래 이미지는 6월 1일 \~ 10일 기간이 선택되었어요. 재생목록 로드수가 1,366번으로 표시됐지만, 합계는 그보다 낮은 975로 표시되고 있어요. 왜냐하면 <mark style="background-color:orange;">**실제 과금되는 로드수 = 디스플레이어 로드수 (941) + 6월 10일부터 발생한 재생목록 로드수(34) = 975**</mark>이기 때문이에요. 6월 9일까지 발생한 재생목록 로드수도 표시해야 하기 때문에 6월 10일 이전 기간이 포함된다면 합계가 다르게 표시될 수 있음을 확인해 주세요.

<div data-full-width="false"><figure><img src="/files/QbxMo7fBEIJZR9CANu5o" alt=""><figcaption></figcaption></figure></div>

통계 기준일을 6월 10일부터 선택하면 합계가 달라지지 않아요.

<figure><img src="/files/1NBbLbVhYMeNvGHDaCfP" alt=""><figcaption></figcaption></figure>

과금과 관련된 문의 사항은 언제든지 1:1 채팅 보내주세요!

항상 감사합니다. 😊


# 2024.05.30 재생목록 과금안내

안녕하세요, 찰나입니다.🙂

재생목록 기능이 정식 출시된 이후 재생목록 통계를 볼 수 없어서 많이 불편하셨죠?\
이제 완전히 달라진 통계 페이지를 확인해 보세요!

이번 업데이트에서는 재생목록 로드수와 더불어 시청자가 재생목록을 열어본 횟수인 ‘조회수’뿐만 아니라, 시청자들의 흥미를 끄는 재생목록을 파악할 수 있는 ‘로드당 영향력(평균 로드수)’도 제공할 예정이에요. 이제 더 유용한 분석 정보를 손쉽게 확인해 보세요!

재생목록이 통계 페이지에 표시되면서 재생목록 로드수도 과금에 포함 될 예정이에요. 이와 관련하여 꼭 아셔야하는 내용을 아래 표에서 확인해 주세요.

**<재생목록 과금 일정 안내>**

통계 페이지 업데이트는 5월 30일부터 6월 9일까지 안정화 기간을 거치게 됩니다. 이 기간 동안 재생목록 로드수는 통계 페이지에 표시되지만, 실제 과금에서는 제외될 예정이에요.

| 기간               | 과금 상황                                                            |
| ---------------- | ---------------------------------------------------------------- |
| 2024.2.1 \~ 5.29 | <p>재생목록 로드수가 통계 페이지에 표시되지 않음,<br>실제 과금에서 제외</p>                  |
| 2024.5.30 \~ 6.9 | <p>집계된 재생목록 로드수가 통계 페이지에 표시,<br>실제 과금에서는 제외</p>                  |
| **2024.6.10 이후** | <mark style="background-color:orange;">**재생목록 로드수 과금 시작**</mark> |

또한, <mark style="background-color:green;">**무료체험**</mark> 중인 고객분들도 5월 30일부터 재생목록 기능을 사용할 수 있도록 업데이트될 예정입니다.\
단, 여전히 <mark style="background-color:green;">**무료체험**</mark>중 이므로 재생목록 과금 및 초과금은 발생하지 않아요.

항상 찰나 서비스를 이용해주셔서 감사드리며, 현재 진행 중인 1주년 이벤트인 설문조사에도 많이 참여해 주세요!

**3분만 투자**하셔서  100% 스타벅스 커피쿠폰을 받아가세요. 참여하시는 모든 분들께 추첨없이, 빠짐없이 보내드려요 !

더 발전하는 찰나가 될게요.

감사합니다. 😊

&#x20;

<br>


# 2023.09.18 통계 변경 안내

안녕하세요. 찰나입니다.:relaxed:

찰나의 주요 기능 중 하나인 '통계' 데이터 계산 주기가 빨라졌어요!

## 통계 계산 주기가 하루(24시간) > 1시간 단위로 변경돼요.

**통계 계산 주기가 24시간 > 1시간으로 단축되었습니다! 이제 기다리지 않고 필요한 통계를 당일에 바로 확인하세요.**

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

플레이어와 관련된 편리한 기능들도 준비 중이니 조금만 기다려주세요. 찰나를 보다 더 편하게 사용하실 수 있도록 더 노력할게요!&#x20;

항상 찰나를 이용해 주셔서 감사합니다. 🤗


# 2023.08.31 통계 변경 안내

안녕하세요. 찰나입니다.:relaxed:

찰나의 주요 기능 중 하나인 '통계'에 두 가지 변화가 생겼어요.

## 첫째, 통계가 표시되는 시간이 빨라졌어요.

통계 페이지를 클릭했을 때 그래프와 숫자가 표시되기를 오래 기다리지 않으셨나요?

이제 페이지에 통계가 표시되는 시간이 효과적으로 단축됩니다. **단 몇 초** 만에 통계 데이터를 보실 수 있도록 통계 계산 방식을 변경했어요.

더불어 찰나 통계를 더 편하게 보실 수 있도록 화면 디자인이 수정되고 데이터별 설명이 추가되었어요. 찰나 통계를 더 상세하고 빠르게 이용해 보세요.<br>

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

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

## 둘째, 통계 계산 주기가 하루 단위로 변경돼요.

기존에 분 단위로 계산되던 **통계 주기가 24시간(하루)으로 변경**되었어요. 어제 통계는 오늘, 오늘 통계는 내일 확인하실 수 있어요.

**통계가 화면에 뜨는 시간은 빠르게, 계산 주기는 더 단축 되도록 열심히 개선하고 있어요.** 찰나를 보다 더 편하게 사용하실 수 있도록 더 노력할게요!

항상 찰나를 이용해 주셔서 감사합니다. 🤗


# 업데이트 소식

{% content-ref url="/pages/c6yInNzSMip44x3KpdZs" %}
[2025.8.11 상단 알림과 동영상 개별 통계 업데이트](/charllaintro/releasenote/2025.8.11)
{% endcontent-ref %}

{% content-ref url="/pages/dSs7jVTWoDVnsmJGyUxr" %}
[2025.7.28 샵 플레이어 & 재생목록 배너 추가, 순서 변경 기능 개선](/charllaintro/releasenote/2025.7.28-and)
{% endcontent-ref %}

{% content-ref url="/pages/53kFVcjAeRGp5wPzJe3N" %}
[2025.6.26 아이폰 저전력 모드에서 재생 버튼 표시,  내 상품 메뉴 개선](/charllaintro/releasenote/2025.6.26)
{% endcontent-ref %}

{% content-ref url="/pages/XEQ2GZwMlzM6rFhxkcqs" %}
[2025.5.21 업로드 개선 안내](/charllaintro/releasenote/2025.5.21)
{% endcontent-ref %}

{% content-ref url="/pages/9X1pTVIm3UWgHOLjIUU7" %}
[2025.2.3 플랜 업로드수 전체 증가, 베이직 플랜 기능 확장 안내](/charllaintro/releasenote/2025.2.3)
{% endcontent-ref %}

{% content-ref url="/pages/NqLNPPkntAuzH2DkdmjX" %}
[2024.12.26 재생목록 탭 위치 변경, 태그 일괄수정 기능 추가 안내 업데이트 안내](/charllaintro/releasenote/2024.12.26)
{% endcontent-ref %}

{% content-ref url="/pages/ErLwBLgo0OKcBtbhx69i" %}
[2024.12.12 재생목록 탭 위치 변경, 태그 일괄수정 기능 추가 안내 업데이트 안내](/charllaintro/releasenote/2024.12.12)
{% endcontent-ref %}

{% content-ref url="/pages/QAvsbQ7hXXFu60TcgMFF" %}
[2024.11.4 오디오 버튼 추가, 업로드 해상도 업데이트 안내](/charllaintro/releasenote/2024.11.4)
{% endcontent-ref %}

{% content-ref url="/pages/ArxXjELOuO8BeXfOgvBZ" %}
[2024.10.17 채우기 설정, 코드 복사 업데이트 안내](/charllaintro/releasenote/2024.10.17)
{% endcontent-ref %}

{% content-ref url="/pages/uyj9acw7Y8B4I37aSIcw" %}
[2024.09.26 소셜 로그인 업데이트 안내](/charllaintro/releasenote/2024.09.26)
{% endcontent-ref %}

{% content-ref url="/pages/RcMJ23qjAHPfL6htTjtm" %}
[2024.08.07 모바일 업로드 업데이트 안내](/charllaintro/releasenote/2024.08.07)
{% endcontent-ref %}

{% content-ref url="/pages/LM4aKszrcm84bmEqW1BA" %}
[2024.07.25 필터 업데이트 안내](/charllaintro/releasenote/2024.07.25)
{% endcontent-ref %}

{% content-ref url="/pages/2Tnt34IvfPv2ZIFV3T7s" %}
[2024.04.01 재생목록 업데이트 안내](/charllaintro/releasenote/2024.04.01)
{% endcontent-ref %}

{% content-ref url="/pages/aI2RXAEE3cc9znDUgU6v" %}
[2024.01.08 기능 업데이트 안내](/charllaintro/releasenote/2024.01.08)
{% endcontent-ref %}

{% content-ref url="/pages/vVjYAz1iW0q0EWbtwIxI" %}
[2023.09.26 플레이어 기능 업데이트 안내](/charllaintro/releasenote/2023.09.26)
{% endcontent-ref %}


# 2025.8.11 상단 알림과 동영상 개별 통계 업데이트

{% hint style="info" %}
**주요 업데이트 요약**

✅ 새로운 알림을 빠르게 확인할 수 있어요. 로드수 사용량, 결제일 변경 등 주요 결제 알림도 새롭게 추가했어요.\
✅ 라이브러리에서 확인할 수 있는 '동영상 개별 통계'를 더 편하고 정확하게 확인할 수 있도록 개선했어요.
{% endhint %}

## 1. 주요 알림 추가 및 UI 개선

* 로드수 사용량, 결제일 변경 등 주요 알림이 새롭게 추가됐어요.
* 새로운 알림이 도착하면 알림 아이콘 위에 새로운 숫자가 표시돼요.
* 알림 아이콘과 메시지의 전반적인 UI를 개선했어요.

<figure><img src="/files/3sUilXlRGA5U6HpHO4XP" alt="" width="552"><figcaption></figcaption></figure>

## 2. 동영상 ‘개별 통계’ UI 개선 및 버그 수정

라이브러리에서 동영상을 클릭하면 동영상 개별 통계도 볼 수 있어요. 동영상 개별 통계의 그래프와 전반적인 UI를 개선했어요.

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


# 2025.7.28 샵 플레이어 & 재생목록 배너 추가, 순서 변경 기능 개선

{% hint style="info" %}
**주요 업데이트 요약**

✅ 배너를 추가할 때 팝업을 열지 않아도 상품을 추가하거나 정보를 입력할 수 있도록 수정되었어요.\
✅ 배너 추가 후 순서를 변경할 수 있도록 기능의 배치가 수정 됐어요.
{% endhint %}

## 1. 배너 추가, 팝업 열기 없이 사이드 바에서 바로 추가 하세요!

샵 플레이어 또는 재생목록에 상품 배너를 추가할 때, 사이드바에서 바로 추가할 수 있도록 개선되었어요. 연속으로 배너를 추가할 때 더 편리하고 유용하게 사용할 수 있어요.

<figure><img src="/files/VszNCC00KspY3BrwmGR9" alt="" width="375"><figcaption></figcaption></figure>

## 2. 상품 배너를 ‘추가’ 하는 영역과, 추가된 배너의 ‘순서'를 설정하는 기능의 위치를 변경했어요.

* 기존 : 배너 순서 설정 → 배너 추가
* 변경 : 배너 추가 → 배너 순서 설정

상품 배너가 추가되지 않으면 배너의 순서도 변경할 수 없어요. 따라서, 물 흐르듯 자연스러운 과정으로 배너 추가와 편집을 하실 수 있도록 두 기능의 위치를 변경했어요.

<figure><img src="/files/f3B0hDBY4klzAmMPypYS" alt="" width="375"><figcaption></figcaption></figure>


# 2025.6.26 아이폰 저전력 모드에서 재생 버튼 표시,  내 상품 메뉴 개선

{% hint style="info" %}
**주요 업데이트 요약**

✅ IOS(아이폰) 저전력 모드 시 자동 재생이 되지 않을 때 동영상 재생이 가능하도록 재생 버튼이 표시돼요.\
✅ 내상품 메뉴(beta) - 대표 이미지가 gif인 경우도 찰나 영상을 연결 할 수 있어요.
{% endhint %}

## 1. IOS(아이폰) 저전력 모드 시 자동 재생이 되지 않을 때 동영상 재생이 가능하도록 버튼이 표시돼요.

아이폰은 저전력 모드일 때 배터리 소모를 줄이기 위해 자체적으로 동영상 자동 재생을 차단하고 있어요. 이때 쇼핑몰 고객들이 ‘동영상’ 콘텐츠를 쉽게 인지하고 직접 재생할 수 있도록 자동으로 재생 버튼이 표시되도록 개선했어요.

<figure><img src="/files/FqtNooa1nGWWGTM5tIYT" alt="" width="375"><figcaption></figcaption></figure>

## 2. 내상품 - 상품 대표이미지가 GIF 형식일때도 영상으로 변경해 보세요!

움직이지 않는 jpg, png 이미지 형식 뿐 만 아니라, 움직이는 이미지인 gif 형식에도 내 상품 메뉴에서 동영상을 연결할 수 있어요.

{% hint style="warning" %} <mark style="color:red;">**단, 한 페이지에 gif가 너무 많아 로딩이 오래 걸리면 상대적으로 용량이 작은 jpg 와 png로 대표이미지 교체를 권장드려요.**</mark>
{% endhint %}


# 2025.5.21 업로드 개선 안내

{% hint style="info" %}
**주요 업데이트 요약**

✅ 연속으로 동영상을 업로드 할 수 있도록 업로드 후 팝업이 닫히지 않도록 개선했어요.\
✅ 업로드에 실패 이유를 바로 확인할 수 있어요.\
✅ 아이폰에서 모바일 업로드시 파일이 선택되지 않는 버그가 해결되었어요.
{% endhint %}

## 1. 파일을 업로드하고, 팝업 내에서 진행도를 확인하세요

업로드 후에도 팝업이 닫히지 않아서 연속으로 업로드 할 수 있어요. 업로드 진행도도 팝업 내에서 확인하세요. 기존 알림 - 업로드 탭은 삭제되었어요.

<figure><img src="/files/742WiMlHAxuiWRg22w6V" alt="" width="375"><figcaption></figcaption></figure>

## 2. (아이폰) 찰나 모바일 업로드 버그 해결

아이폰에서 찰나 모바일 버전에 접속하여 업로드 할 때 파일 선택 화면으로 넘어가지 않는 버그가 수정되었습니다.

<figure><img src="/files/Tmpaj8jCqSGLPlHAkJHe" alt="" width="368"><figcaption></figcaption></figure>


# 2025.2.3 플랜 업로드수 전체 증가, 베이직 플랜 기능 확장 안내

{% hint style="info" %}
**주요 업데이트 요약**

✅ 라이트, 베이직, 스탠다드 모두 동영상 업로드 수가 증가됐어요. 현재 플랜을 확인하고 동영상을 더 업로드 하세요!

✅ 샵 플레이어, 재생목록도 베이직 플랜으로 이용해 보세요.
{% endhint %}

## 1. 라이트, 베이직, 스탠다드 모두 동영상 업로드 수가 증가됐어요. 현재 플랜을 확인하고 동영상을 더 업로드 하세요!

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

➡️ 라이트 : 100 > **200개 (100개 증가)**

➡️ 베이직 : 100 > **400개 (300개 증가)**

➡️ 스탠다드 : 200 > **600개 (400개 증가)**

{% hint style="info" %}
Q. 기존에 업로드 **수를 추가하여 사용하고 있었어요! 저는 몇 개나 업로드 할 수 있나요?**

➡️ 추가한 업로드 수에 플랜 별로 증가 된 업로드 수를 더하여 업로드 할 수 있어요.

예를 들어, 베이직 플랜에 업로드 수 100개를 추가하여 사용하고 계셨다면, 100개(기본) + 100개(추가) + 300개(증가) = 총 500개 동영상을 라이브러리에 업로드 할 수 있어요.
{% endhint %}

## 2. 샵 플레이어, 재생목록도 베이직 플랜으로 이용해 보세요.

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

기존 베이직 플랜 : 디스플레이어만 사용 가능했어요.

➡️  새로운 베이직 플랜 : **디스플레이어 + 샵플레이어 + 재생목록 까지 확장된 플레이어 기능을 사용할 수 있어요. 위치를 확인하세요.**

<figure><img src="/files/gRBrIUpnUuqkepfyyF50" alt="" width="375"><figcaption></figcaption></figure>

더 자세한 정보는 [가격안내](https://charlla.io/price)에서 확인하세요!


# 2024.12.26 재생목록 탭 위치 변경, 태그 일괄수정 기능 추가 안내 업데이트 안내

{% hint style="info" %}
**주요 업데이트 요약**

✅ 상단 알림에 ‘실패 목록’탭이 추가 되었어요.

✅ 재생목록 편집 화면에서는 샵플레이어 개별 재생 설정이 보이지 않도록 수정 됐어요.
{% endhint %}

## 상단 알림에서 ‘실패목록’탭을 확인하세요.

태그, 재생목록을 한 번에 수정하다보면 일부 동영상은 수정할 수 없는 경우가 발생해요.

{% hint style="success" %}
➡️ 재생목록 : 상품 배너를 추가하지 않아 샵 플레이어가 아닌 경우

➡️ 태그 : 1개의 동영상에 추가하게될 태그가 10개 초과하는 경우
{% endhint %}

이때, 어떤 동영상에 어떤 설정이 추가적으로 필요한 지 실패 목록에서 확인할 수 있어요. 수정 팝업에서 뿐 만 아니라, 상단 알림에서도 실패 목록을 확인할 수 있어요.

부분 수정에 성공한 경우 표시되는 토스트 박스에서 ‘실패 목록 보기’ 버튼을 클릭하세요.

<figure><img src="/files/hJ2xC6fseQg0iN6ubk65" alt="" width="375"><figcaption></figcaption></figure>

## 재생목록에는 샵 플레이어 재생 설정을 삭제했어요.

{% hint style="success" %}
✅ 재생목록에서는 샵 플레이어 개별 설정과 별개로 자동재생, 반복재생 설정이 우선 적용돼요.

✅ 재생목록에 실제로 반영되는 설정들만 보일 수 있도록 UI를 개선했어요.

✅라이브러리 > 사이드바에서는 여전히 개별 샵 플레이어 재생 설정을 변경할 수 있어요!
{% endhint %}

<figure><img src="/files/A6edLI6b7Q3Xnrqdr86B" alt="" width="375"><figcaption></figcaption></figure>


# 2024.12.12 재생목록 탭 위치 변경, 태그 일괄수정 기능 추가 안내 업데이트 안내

{% hint style="info" %}
**주요 업데이트 요약**

✅ 재생목록 위치가 최상단으로 바뀌었어요.&#x20;

✅ 여러 동영상을 선택하여 태그를 한 번에 추가할 수 있어요.

✅ 여러 동영상을 선택하여 재생목록에 추가, 삭제 할 수 있는 플로팅 버튼이 개선되었어요.
{% endhint %}

## 재생목록탭이 최상단 메뉴로 이동했어요.

모두가 쉽게 재생목록 탭을 발견할 수 있도록 위치를 이동했어요. 찰나 최상단 메뉴에서 라이브러리 옆에 있는 ‘재생목록 탭'을 찾아보세요.

{% hint style="info" %} <mark style="color:purple;">**재생목록 기능은 무료체험, 스탠다드, 일부 엔터프라이즈 플랜 이용 중인 고객분들께 표시됩니다.**</mark>
{% endhint %}

<figure><img src="/files/3vpMKPAkNUzIbUezJe7y" alt="" width="563"><figcaption></figcaption></figure>

재생목록 기능을 처음 보셨다면? 찰나 숏폼을 어떻게 활용할 수 있는지 살펴보세요!

{% content-ref url="/pages/kGBjD5CKOh2BnPSjkw7u" %}
[재생목록 만들기](/userguide/playlist/new)
{% endcontent-ref %}

## 여러 동영상에 태그를 한 번에 추가하거나 수정할 수 있어요.

1. 태그 추가를 원하는 동영상을 왼쪽 체크박스로 모두 선택하세요. 
2. 체크박스를 선택하면 표시되는 하단 플로팅 버튼에서 ‘태그 수정'을 클릭하세요.

<figure><img src="/files/B9Xt9Bu2uBq8ImQIqVeL" alt="" width="563"><figcaption></figcaption></figure>

3. 태그 일괄 수정 팝업이 표시되면 ‘기존 태그에 추가’ 조건이 선택되어 있는지 확인 후, 태그 목록에서 추가할 태그를 선택하세요.

{% hint style="warning" %} <mark style="color:red;">**‘새 태그로 바꾸기’ 조건을 선택하면 기존에 사용 중인 태그가 모두 삭제되고 선택한 태그로 대체되니 유의해 주세요.**</mark>
{% endhint %}

<figure><img src="/files/y1mrVXsCjCDaJGS5mxUJ" alt="" width="563"><figcaption></figcaption></figure>

4. 기존 태그에 추가하는 경우, 기존 + 새로 추가될 태그의 합계가 동영상 1개당 10개를 초과할 수 없어요. 이때, 태그 추가가 불가능한 동영상을 실패 목록에서 확인할 수 있어요.
5. \[수정]버튼을 클릭하면 수정 가능한 동영상은 정상적으로 태그가 추가 돼요.

<figure><img src="/files/QFnSBXhGUFV4Oe0cmjtO" alt="" width="563"><figcaption></figcaption></figure>

## 일괄 기능 적용할 수 있는 플로팅 버튼 UI가 개선되었어요.

동영상 좌측의 체크박스를 선택하고, 여러개의 동영상으로 가능한 기능들을 하단에서 살펴보세요.

{% hint style="warning" %} <mark style="color:red;">**동영상 목록 페이지를 이동하면 선택했던 체크박스가 모두 해제됩니다.**</mark>
{% endhint %}

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


# 2024.11.15 태그 추가 개선, 카페24 연동 업데이트 안내

{% hint style="info" %}
**주요 업데이트 요약**

✅ 동영상마다 태그를 추가하는 UI가 개선되었어요.

✅ 찰나와 카페24를 함께 이용 중이셨다면, 두 계정을 연동해 보세요.
{% endhint %}

## 기존 태그 목록을 확인하고 클릭으로 추가해 보세요.

태그를 동영상마다 일일이 입력해야해서 불편했다면, 개선된 방식으로 태그를 추가하세요.

<figure><img src="/files/XLOaQv6DITsGBqdcPhaj" alt="" width="375"><figcaption></figcaption></figure>

1. 동영상 제목 하단의 **‘태그 추가’ 버튼**을 클릭하세요.
2. 태그를 입력하면 **‘태그’ 만들기 버튼**이 표시 됩니다. **Enter(엔터)**&#xD0A4; 혹은 '**태그'만들기 버튼**을 클릭해주세요.
3. 만들어진 태그와 기존 태그는 하단 목록에 표시됩니다.
4. 태그 목록에서 태그를 클릭하거나, 선택한 태그를 삭제하는 편집도 할 수 있어요.
5. **‘적용하기’** 버튼으로 태그 추가를 완료해 보세요.

## 찰나와 카페24 계정을 연동해 보세요.

<figure><img src="/files/bfR0m3EoH49mmU7on8Gn" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="warning" %} <mark style="color:red;">입력하신 대표 운영자 ID가 카페24에 존재하지 않을 경우 다음 단계가 진행되지 않아요.</mark>

<mark style="color:red;">한 번 커머스 플랫폼을 연동하면 연동 해제 할 수 없으니 꼭 필요한 경우만 연동해 주세요.</mark>
{% endhint %}

1. 프로필 > 계정관리 > 연동탭으로 이동하세요.
2. 카페24 카드에서 ‘연동하기’ 버튼을 클릭하세요.
3. 아이디 입력 페이지에 찰나와 연동을 원하는 카페24 ID를 입력하세요. 반드시 ‘대표 운영자' ID를 입력해 주세요.
   1. 카페24 앱 설치와, 연동은 '대표운영자 계정'만 할 수 있어요.

<figure><img src="/files/lrYq3swLc9EK4w5uPRmH" alt="" width="375"><figcaption></figcaption></figure>

➡️ **\[이미 카페24 로그인이 되어 있는 경우]**

카페24 앱 설치화면에서 ‘동의함' 버튼을 클릭해 주세요.

➡️️ **\[카페24 로그인이 되어 있지 않은 경우]**

1. 카페24 ‘대표운영자’계정으로 로그인 해주세요.
2. 카페24 앱 설치화면에서 ‘동의함'버튼을 클릭해 주세요.

연동이 완료되면 팝업으로 표시됩니다. 커머스 플랫폼 연동은 최대 1개만 가능합니다.

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

계정 관리 페이지의 이메일과 이용중인 커머스 플랫폼에서도 연동정보를 확인할 수 있어요.

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

{% hint style="warning" %} <mark style="color:red;">이미 찰나를 설치한 카페24 계정과는 연동할 수 없어요.</mark>
{% endhint %}

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


# 2024.11.4 오디오 버튼 추가, 업로드 해상도 업데이트 안내

{% hint style="info" %}
**주요 업데이트 요약**

✅ <mark style="color:purple;">동영상 채우기 설정이 변경되었어요.</mark>

✅ <mark style="color:purple;">코드와 링크를 한 곳에서 한 번에 복사할 수 있도록 코드 복사가 편리해 졌어요.</mark>
{% endhint %}

## 컨트롤바에서 오디오 버튼만 표시할 수 있는 기능이 추가되었어요.

<figure><img src="/files/tBg5PI7LA76VscdFLpCf" alt="" width="375"><figcaption></figcaption></figure>

* 플레이어 설정 > 컨트롤 바를 On으로 변경하세요.
* 컨트롤바를 ‘오디오 버튼만 표시’ 체크박스가 표시돼요.
* 체크박스를 클릭하면 컨트롤바 기능 중 오디오 버튼만 동영상 위에 표시돼요.
* 오디오 버튼에 체크하면 기본값은 ‘음소거’로 재생돼요.
* 시청자가 소리를 컨트롤할 수도 있고, 기존 컨트롤바 UI보다 깔끔하게 동영상을 보여줄 수 있어요.

{% hint style="warning" %}

* <mark style="color:orange;">오디오 버튼 체크/체크 해제 후 저장하면, 자동으로 업데이트 돼요. 코드를 변경할 필요가 없어요.</mark>
* <mark style="color:orange;">비디오 태그 사용시 자동 재생을 Off 할 때, 오디오 버튼은 체크 해제해야 시청자가 동영상을 재생할 수 있어요.</mark>
  {% endhint %}

## 이제 해상도 제한 없이 동영상을 업로드 할 수 있어요.

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

* Full HD까지만 업로드 할 수 있었던 해상도 제한이 사라졌어요.
* 2K, 4K 동영상도 변환없이 찰나에 업로드 하세요.

{% hint style="info" %} <mark style="color:purple;">2K, 4K 동영상은 업로드 과정에서 자동으로 Full HD(1080 x 1920)으로 변경돼요.</mark>
{% endhint %}


# 2024.10.17 채우기 설정, 코드 복사 업데이트 안내

{% hint style="info" %}
**주요 업데이트 요약**

✅ 동영상 채우기 설정이 변경되었어요.

✅ 코드와 링크를 한 곳에서 한 번에 복사할 수 있도록 코드 복사가 편리해 졌어요.
{% endhint %}

## 동영상 채우기 설정이 변경되었어요

동영상 크기를 숫자로 입력해서 조절하고 싶다면 채우기 Off 하세요.

{% hint style="info" %}
Q. 업데이트 전부터 크기 조절 기능을 사용하고 있어요. 채우기 설정을 일일이 바꾸어야 하나요?

아니요! 업데이트 전부터 크기 조절을 이용하신 분들이 불편하지 않도록 채우기 On ➡️ Off로 설정이 자동 변경됩니다. 새로 업로드한 영상을 설정할 때만 업데이트 된 내용을 기억해 주세요!
{% endhint %}

### 1. 동영상 채우기 Off <a href="#videofit" id="videofit"></a>

처음 설정은 동영상 채우기 Off로 되어있어요.

{% tabs %}
{% tab title="크기 조절" %}

* 영상의 크기를 숫자로 입력해서 조절할 수 있어요.
* 왼쪽 동영상 하단의 **\[미리보기 버튼]**&#xC73C;로 입력한 크기가 어떻게 표시되는지 확인할 수 있어요.
* 크기를 입력하지 않으면 동영상 원본 크기가 적용되어 있어요.
* 최소 200px \~ 최대 1920px까지 가로 크기를 입력할 수 있어요.

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

채우기 Off ➡️ 가로 크기 변경 ➡️ 저장 및 업데이트 ➡️ 상단의 **\[링크 및 코드 복사]**&#xD558;면 사용할 수 있어요.

<figure><img src="/files/HwdTlUHrM6Ftzll4wjEB" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="항상 가운데 정렬" %}
**✅항상 가운데 정렬 체크**

* 찰나 플레이어가 HTML 편집 페이지 중앙으로 자동 배치돼요.
* 단, HTML 편집 페이지에서 제공하는 **텍스트 가운데 정렬이 적용되지 않아요.**

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

**항상 가운데 정렬 체크해제**

* 항상 가운데 정렬 체크를 해제하면 찰나 플레이어가 왼쪽으로 배치돼요.
* 단, html 편집 페이지에서 제공하는 **텍스트 가운데 정렬** 기능을 사용할 수 있어요.

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

쇼핑몰에 사용 중인 스킨과 커머스 플랫폼 별로 작성 방식에 차이가 있을 수 있어요.\
테스트 후 각 쇼핑몰에 알맞는 설정을 저장해주세요.
{% endtab %}
{% endtabs %}

### 2. 동영상 채우기 On

특정 영역에 동영상을 채우고 싶다면 채우기 On 하세요

* 디자인 스킨을 사용하거나 웹사이트 자체 제작으로 동영상 영역이 지정된 경우, 채우기 On을 사용하세요
* 사용자가 만든 영역의 가로 크기에 영상을 딱 맞게 채우는 기능이에요.
* 만들어진 영역의 크기를 자동으로 계산해요.
* 찰나 플레이어 설정창에서는 크기를 설정할 필요가 없어요.

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

채우기 On ➡️ 저장 및 업데이트 ➡️ 상단의 **\[링크 및 코드 복사]**&#xD558;면 사용할 수 있어요.

<figure><img src="/files/rGyndyxX69bCIKHl3tQ4" alt="" width="375"><figcaption></figcaption></figure>

## 플레이어 코드 / 링크를 한 번에 확인하세요

찰나 플레이어를 사용하는데 필요한 코드와 링크, 한 번에 확인하고 간편하게 복사하세요.

### 1. 라이브러리 목록에서 복사하기

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

### 2. 사이드바에서 복사하기

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

### 비디오 태그에 체크하고 복사하기 \[디스플레이어]\[코드 복사]

{% hint style="info" %}

* 일부 커머스 플랫폼에서는 디스플레이어 코드(iframe)를 자체적으로 삭제하기도 해요.
* 이때 비디오 태그에 체크 후 코드 복사를 클릭하세요.
* 단, 비디오 태그를 사용하면 플레이어 설정을 변경할 때마다 비디오 태그 변경해주어야 해요.
  * 컨트롤바, 자동재생, 반복재생, 채우기 모두 해당
  * 예를들어 1번 비디오 태그 자동재생 on 사용 중 ->  자동재생 off 로 설정 변경 -> 비디오태그 체크 후 2번 비디오 태그 코드 복사 -> 기존에 쓰고 있던 1번 비디오태그를 삭제 -> 다시 복사한 2번 비디오 태그로 변경
* 자동재생 Off할 때 반드시 컨트롤바 On 해주셔야 시청자가 재생할 수 있습니다.
  * 비디오 태그는 클릭으로 재생/일시정지 조절이 안돼요.
    {% endhint %}

<figure><img src="/files/T5RFThtOfcbjMaD9OfCQ" alt="" width="375"><figcaption></figcaption></figure>

### **MP4 링크에 체크하고 복사하기 \[디스플레이어]\[링크복사]**

{% hint style="info" %}

* MP4 동영상 링크를 이용하여 찰나 라이브러리에 업로드한 동영상을 MP4 형식으로 재생할 수 있어요.
* <mark style="color:purple;">**모바일 네이티브 앱**</mark>이나 자체 개발한 자유도가 높은 서비스에서 사용할 수 있어요.
* MP4 파일 형식은 동영상 사용에 자유도가 높은 대신, 비스에 맞춤 작업을 해야하기 때문에 복잡한 코딩이 필수적으로 필요해요.&#x20;
* 찰나에서 적용한 플레이어 설정이 <mark style="color:purple;">**적용되지 않아요.**</mark>
  {% endhint %}

<figure><img src="/files/7gr0uBYjOu2JtCNL5NTW" alt="" width="375"><figcaption></figcaption></figure>

사용 목적에 알맞은 링크 및 코드 복사 버튼으로 찰나 플레이어를 더 다앙하게 사용해 보세요!


# 2024.09.26 소셜 로그인 업데이트 안내

## 로그인과 회원가입 화면이 통합되었어요.

**이메일을 입력하고 계속하기 버튼을 클릭해 보세요.**

<figure><img src="/files/0RXBWQXrkJjVGuvCBb2N" alt="" width="563"><figcaption></figcaption></figure>

### 1. 이미 찰나에 회원가입 한 경우

이미 찰나에 가입된 이메일을 입력한 경우 로그인 화면과, 계정별로 로그인 가능한 방법이 모두 표시돼요.

1. 회원가입시 설정한 비밀번호만 있는 경우<br>

   <figure><img src="/files/bMwBdablvl3p6yfLmNDT" alt="" width="552"><figcaption></figcaption></figure>
2. 소셜 계정으로 회원가입 한 경우<br>

   <figure><img src="/files/B2FPy8hZNCuiugyWi9IY" alt="" width="563"><figcaption></figcaption></figure>
3. 설정된 비밀번호 + 소셜 계정이 연결된 경우<br>

   <figure><img src="/files/B2FPy8hZNCuiugyWi9IY" alt="" width="563"><figcaption></figcaption></figure>

### 2. 찰나에 가입되지 않은 경우

찰나에 가입되지 않은 이메일을 입력하는 경우 인증 메일 발송 화면으로 이동해요.

<figure><img src="/files/hWrCdrZ6P30y3n0adauc" alt="" width="552"><figcaption></figcaption></figure>

## 이메일 인증 없이 소셜 계정으로 간편하게 로그인/회원가입 하세요.

**이메일 입력 대신 \[Google로 계속하기] 또는 \[Naver로 계속하기] 버튼을 클릭하세요.**

{% hint style="success" %}
기존 찰나 계정이 구글, 네이버라면 같은 이메일을 사용해서 소셜 계정을 연결할 수 있어요.
{% endhint %}

<figure><img src="/files/AXpmBjqD2FMn94UhqMdF" alt="" width="563"><figcaption></figcaption></figure>

### 1. 기존 메일이 Google, Naver인 경우

<figure><img src="/files/SWdEbulZMeW3lPV8Yg5s" alt="" width="563"><figcaption></figcaption></figure>

1. 기존에 가입된 메일이 Google 이메일인 경우
   1. 로그인 화면에서 \[Google로 계속하기] 버튼을 클릭하세요.
   2. 구글 로그인 창이 뜨면 로그인 해 주세요.
   3. 구글 계정이 기존 찰나 계정과 동일한 경우 최초 1회 찰나 계정의 비밀번호를 입력하고 두 계정을 연결해 주세요.<br>
2. 기존에 가입된 메일이 네이버 이메일인 경우
   1. &#x20;로그인 화면에서 ‘Naver로 계속하기’ 버튼을 클릭하세요.
   2. 네이버 로그인 창이 뜨면 로그인 해 주세요.
   3. 네이버 계정이 기존 찰나 계정과 동일한 경우 최초 1회 찰나 계정의 비밀번호를 입력하고 두 계정을 연결해 주세요.

{% hint style="warning" %}
네이버의 경우 (로그인ID)@naver.com가 아니라, <mark style="color:red;">**'연락처에 등록된 이메일'**</mark>을 다른 서비스에 넘겨주고 있어요. 네이버로 로그인 했지만, 찰나에 표시되는 이메일은 naver.com이 아닐 수도 있어요.\
따라서, 네이버 <mark style="color:red;">**‘연락처 이메일'**</mark>이 기존 찰나 계정과 동일한 경우에만 두 계정이 연결돼요. 이는 네이버 정책으로 찰나에서 결정할 수 없음을 양해해 주세요.
{% endhint %}

### 2. 비즈니스 이메일이 Google, Naver와 연결된 경우

메일 주소가 Google이나 Naver가 아니지만, 비즈니스 계정이 소셜 플랫폼과 연결된 경우에도 소셜 로그인을 할 수 있어요. 로그인 화면에서 구글,네이버에 연결된 ‘비즈니스 메일'을 사용하여 계속하기 버튼으로 로그인 하세요. (최초 1회 연결 필요)

{% hint style="warning" %}
네이버의 경우 <mark style="color:red;">**'연락처에 등록된 이메일**</mark>**'**&#xC774; 비즈니스 메일과 동일 할 때 계정 연결하기 화면이 표시됩니다.
{% endhint %}

### 3. 카페24로 가입하신 경우

기존 방식대로 \[카페24 관리하기] 버튼 혹은 찰나 로그인 페이지에서 비밀번호를 직접 입력하여 로그인 할 수 있어요. 카페24로 가입하신 고객분들도 소셜 계정 연결이 가능해요.


# 2024.08.07 모바일 업로드 업데이트 안내

## 이제 스마트폰에서 바로 업로드 하세요!

내가 찍거나 전달 받은 동영상, 스마트폰에서 찰나로 접속해서 바로 업로드 하세요!

1. **\[업로드]버튼**을 터치하세요.
2. 업로드 팝업에서 **\[파일선택]버튼**을 터치하면 스마트폰 갤러리로 이동해요.
3. 동영상을 선택하고 **\[추가] 또는** **\[완료]버튼**를 누르면 업로드가 시작됩니다.<br>

   <figure><img src="/files/spZW8BhdbeFzmMCqEI8n" alt=""><figcaption></figcaption></figure>
4. 업로드 결과에서 업로드 상태를 확인하실 수 있어요. 업로드 내역 오른쪽에 있는 화살표를 클릭하면 완료, 실패 정보를 상세하게 확인해 보세요.
5. 동영상 업로드 팝업창을 닫기하고 다시 라이브러리로 돌아가면 업로드 진행 또는 완료된 동영상을 목록에서 확인할 수 있어요.<br>

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

스마트폰 사용자들을 위한 모바일 화면이 지속적으로 업데이트될 예정이에요.

더 편리해질 찰나를 기대해 주세요!


# 2024.07.25 필터 업데이트 안내

안녕하세요, 찰나입니다. 7월을 맞아 찰나를 더 막힘없이 사용하실 수 있는 기능을 가지고 왔어요.\
업데이트된 기능들로 시원시원하게 찰나를 사용해 보세요. 😎

***

## 첫번째, 태그 필터 기능 추가

태그 기능을 적극적으로 사용하실 수 있도록 '태그 필터'기능이 되었어요. 태그 필터는 라이브러리 목록위에서 바로 찾으실 수 있어요.

동영상에 태그를 추가하여 동영상의 종류와 사용 목적을 분류해 보세요. 태그 필터를 사용해 원하는 태그가 달린 동영상만 골라 보세요. 동영상 관리가 한층 더 편해져요.

### 태그 필터, 이렇게 사용하세요.

{% tabs %}
{% tab title="1. 태그 추가" %}

1. 동영상에서 **\[태그 추가]버튼**을 클릭하세요.
2. 입력창이 활성화되면 태그를 입력하세요. 여러 태그를 한 번에 추가하고 싶다면 ,(쉼표)로 구분해주세요.\
   예시)반려동물,소형
3. enter(엔터)키 혹은 **\[태그 생성]버튼**을 클릭해주세요.
4. 동영상에 태그 추가가 완료되었어요.

<figure><img src="/files/iQ4gIA3gb6CeUHNLkohy" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2. 태그 필터" %}

1. 라이브러리 상단에 **태그 필터**를 선택해 주세요.
2. 태그 필터 방식을 선택해주세요.
   1. 모두 포함 : 선택한 태그가 모두 포함된 동영상만 목록에 남아요.
   2. 하나라도 포함 : 선택한 태그가 하나라도 포함되면 목록에 남아요.
3. 태그 목록에서 필터를 원하는 태그를 선택해 주세요.
4. **\[적용]버튼**을 클릭하세요.

<figure><img src="/files/36fU9FwTtH7P27io2GAH" alt=""><figcaption></figcaption></figure>

**같은 태그를 선택했지만 필터 조건에 따라 달라지는 결과를 확인하세요!**

\*'반려동물, 소형'필터 선택 > **모두 포함** 조건인 경우

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

\*'반려동물, 소형'필터 선택 > **하나라도 포함** 조건인 경우

<figure><img src="/files/fiY281sfea99R1SL4BV2" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3. 필터 내 검색" %}

* 태그 필터를 적용한 상태에서 플레이어 필터를 설정하거나, 단어 검색을 중복 가능해요. 이때 검색 범위는 '태그 필터가 적용된 동영상 목록'이에요.&#x20;

**1 = 태그 필터만 적용한 경우**

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

**1 + 2 = 태그 필터를 적용한 상태에서 단어 검색을 함께 한 경우**

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

**1 + 2 + 3 = 태그 필터를 적용한 상태에서 단어 검색과 플레이어 필터를 함께 한 경우**

<figure><img src="/files/0fTbWHk9FDq4kPH9c2gp" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## 두번째, 상품 배너 추가 시 '상세페이지' 링크가 연결됩니다.

{% hint style="info" %}

* <mark style="color:purple;">**카페 24를 호스팅 플랫폼으로 이용중이신 분들께 해당 돼요!**</mark>
* <mark style="color:purple;">**기존에 이미 사용 중인 상품 배너는 변경되지 않아요!**</mark>
  {% endhint %}

샵 플레이어와 재생목록을 사용하기 위해서는 '상품 배너'를 꼭 추가해야 해요.\
**\[상품 추가] 버튼 > 상품 목록 > \[배너 추가] 버튼**을 클릭하면 카페24에 등록한 상품 정보로 배너가 추가돼요.

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

이번 업데이트에서 카페24가 연동된 상품 목록으로 배너를 추가하면, 배너에 연결된 링크를 '바로 구매 페이지' > **'상품 상세페이지'**&#xB85C; 변경했어요.

<figure><img src="/files/99ZJKOifuxzvZiRqHl1s" alt=""><figcaption></figcaption></figure>

**이제 샵 플레이어 배너 링크 수정 없이, 상품의 '상세페이지'를 배너에 연결하세요.** 샵플레이어와 재생목록 모두 더 편하게 활용할 수 있어요!

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

## 세번째, 숏폼이 재생된 '페이지' 주소를 볼 수 있는 통계가 다시 돌아왔어요.

로드수 '페이지' 통계로 어떤 페이지에서 로드 수가 얼만큼 발생하는지 확인해 보세요. 로드수가 상대적으로 낮은 페이지에서 숏폼을 교체하기 편리해요. **통계 메뉴 > 로드수 탭 > 페이지 탭**에서 확인할 수 있어요.

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

{% hint style="info" %}
\*동영상과 페이지 로드수에 차이가 있다면 **동영상 로드수가 더 정확해요.** 페이지 주소를 수집하는 과정에서 일부 페이지가 수집되지 않을 수 있어요.
{% endhint %}

&#x20;

## 네번째, 모바일 회원가입 & 라이브러리 최적화

신규 고객 분들이 모바일에서도 편하게 회원가입을 진행할 수 있도록 최적화 되었어요.

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

또한 기존 고객들도 이용하실 수 있는 모바일 라이브러리 화면도 확인해 보세요!

모바일에서는 아직 일부 기능만 지원되지만, 숏폼의 링크가 급하게 필요한 상황에서 업로드한 링크를 얻고 공유할 수 있어요. 앞으로 확장될 찰나의 모바일 버전도 기대해 주세요!

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

***

항상 찰나를 이용해 주셔서 감사합니다. 😊


# 2024.04.01 재생목록 업데이트 안내

2024년 봄바람과 함께 찰나에 찾아온 새로운 기능, 샵 플레이어 재생목록을 소개드려요!\
한층 더 업그레이드된 편의성으로 돌아온 라이브러리 '필터' 기능과 '사이드 바'도 함께 만나보세요.🥳&#x20;

## 첫째, 샵플레이어를 재생목록으로 만들어보세요.

재생목록은 여러 개의 샵 플레이어를 묶어 만든 목록을 말해요. 재생목록이 만들어지면 위, 아래로 스와이프 하며 숏폼 콘텐츠를 끊임없이 보여줄 수 있어요. 고객을 귀찮게하는 광고가 없으니 다른 플랫폼이나 경쟁사로 이탈할 걱정도 없어요.\
현재는 '상품 배너'가 추가된 샵 플레이어만 재생목록에 포함시킬 수 있어요.&#x20;

### 샵플레이어 만들기

샵 플레이어 탭에서 상품 추가부터 해보세요! 숏폼과 연관된 상품을 1개만 연결해도 샵 플레이어가 활성화 돼요.\
상품 배너 정보를 입력한 후에는 반드시 **\[저장 및 업데이트] 버튼**을 클릭해 주세요.

{% tabs %}
{% tab title="상품추가" %}

<figure><img src="/files/i1eQOdqtGfOmGGSQfLzw" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="샵플레이어 사이드바" %}

<figure><img src="/files/HRwLb7ICWO0U1Jsv4xVo" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="상품배너 추가" %}

<figure><img src="/files/rTNZu5ebf2xNAbCAnkLI" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="저장 및 업데이트" %}

<figure><img src="/files/LqCKsckojxUyGtyewxcY" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**->**[**상품배너 추가하기**](/userguide/playlist/new#add-banner)**에서 더 자세히 알아보기**<br>

### 재생목록 만들기

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

{% tabs %}
{% tab title="재생목록 만들기 버튼" %}

<figure><img src="/files/qhXexJkTNLv3tkEvlUVZ" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="재생목록 만들기 팝업" %}

<figure><img src="/files/lBweXUo55bmWFcvnjKb8" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**->**[**재생목록 만들기**](/userguide/playlist/new)**에서 더 자세히 알아보기**

### 재생목록 탭

\[라이브러리] > \[재생목록 탭] > \[재생목록 카드]를 클릭하면 \[재생목록 편집 페이지]로 이동해요.\
편집페이지에서는 재생목록의 순서와 디자인을 변경할 수 있어요.

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

### 순서 편집하기

{% tabs %}
{% tab title="1개씩 순서 변경하기" %}

1. 재생순서의 동영상 블럭에 마우스를 올리면 이동 가능한 상태로 변해요.
2. 동영상 블럭을 마우스로 클릭한 상태로 드래그하여 위, 아래로 움직여보세요.
3. 원하는 순서에 동영상 블럭을 놓고 **\[저장] 버튼**을 클릭하여 저장하세요.
4. **\[링크복사]** 또는 **\[코드복사]** 후 원하는 곳에 붙여넣기 하면 편집한 순서대로 재생되는 목록을 확인할 수 있어요.

<figure><img src="/files/wON8nssi72xeOzpIuaYX" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="여러개를 한 번에 순서 변경하기" %}

1. 순서 변경을 원하는 동영상의 체크박스를 모두 선택해 주세요.
2. 동영상을 체크하면 상단에 **\[맨 위로 이동], \[맨 아래로 이동], \[목록에서 제외]** 버튼이 표시됩니다.
3. 선택한 동영상들을 먼저 보여주고싶다면 **\[맨 위로 이동]**&#xBC84;튼을, 나중에 보여주고싶다면 **\[맨 아래로 이동]**&#xBC84;튼을 클릭하세요.
4. 동영상을 맨 위, 맨 아래로 이동한 후 반드시 오른쪽 상단의 **\[저장]** 버튼을 클릭하여 변경 내용을 반영해 주세요.
5. **\[링크복사]** 또는 **\[코드복사]** 후 원하는 곳에 붙여넣기 하면 편집한 순서대로 재생되는 목록을 확인할 수 있어요.

<figure><img src="/files/1IvuKXr3dpaeK2ZDYjah" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**->** [**재생순서 가이드**](/userguide/playlist/undefined)**에서 더 자세히 알아보기**

### 디자인 편집하기

재생목록은 PC < > 모바일 어떤 기기에서든 최적화된 쇼핑 경험을 제공하기 위해 반응형으로 제작되었어요.\
특히 PC에서는 쇼핑몰 디자인이나 상품에 따라 디스플레이를 달리 할 수 있도록 목록, 그리드, 슬라이드 3가지 레이아웃을 준비했어요. \[재생목록] > \[재생목록 카드] > \[디자인 탭]에서 레이아웃과 크기를 자유롭게 설정해 보세요!

{% tabs %}
{% tab title="목록" %}
**목록을 스크롤하며 쉽고 빠르게 필요한 정보를 얻을 수 있어요.**

<figure><img src="/files/rnearhVuoUYxsbu7IUXY" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="그리드" %}
**한 번에 많은 썸네일이 표시되기 때문에 페이지 공간 활용이 가장 좋아요.**

<figure><img src="/files/I5EByhKWLHpBjEHiMBxg" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="슬라이드" %}
**소수의 상품만 게시하여 메인 상품이나 시즌별 컬렉션을 강조할 때 효과적이에요.**

<figure><img src="/files/1mXxTADO2Vp3XbwCIDAK" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="PC 레이아웃 편집" %}
재생목록은 최적의 숏폼 시청과 쇼핑 경험을 제공할 수 있도록 모바일 / PC 화면이 달라요. 모바일인 경우 항상 동일한 형태로 표시 되지만, PC인 경우 숏폼과 상품 목록의 '배치 방식'을 선택할 수 있어요.

1. \[디자인 탭] > \[PC 레이아웃 메뉴]에서 목록, 그리드, 슬라이드 레이아웃 중 하나를 클릭하세요.
2. 선택한 레이아웃은 페이지 미리보기에서 자세히 볼 수 있어요.
3. 쇼핑몰과 비슷한 환경에서 재생목록을 미리보고 싶다면, 상단의 **\[미리보기]** 버튼을 클릭하세요.\
   -> [**새창으로 미리보기**](#window-preview) 로 이동하여 더 자세히 알아보기&#x20;
4. 디자인 탭에서 수정사항이 생기면 메뉴 상단 배경이 어둡게 변경되며 **\[미리보기]**, **\[변경취소]**, **\[저장하기]** 버튼이 표시돼요. **\[저장하기]** 버튼을 클릭하여 선택한 PC 레이아웃을 반영해 주세요.
5. **\[링크복사]** 또는 **\[코드복사]** 후 원하는 곳에 붙여넣기 한 다음, PC에서 재생목록을 확인해 보세요.&#x20;

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

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

<figure><img src="/files/002GBR9asK21Q7nT8HVu" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="크기 설정" %}
높이'를 설정하여 재생목록의 크기를 조절할 수 있어요. 기본으로 설정된 높이는 640px이에요. PC에 샵 플레이어 재생목록을 최적으로 시청할 수 있는 높이를 설정했어요. 샵 플레이어 높이를 변경하고 싶다면, 크기 설정에서 높이 입력값을 수정해 주세요.

1. **\[디자인 탭] > \[크기 설정]** 메뉴에서 높이 인풋박스의 숫자를 변경해 주세요.
2. 기본 640px로 입력되어 있으며, 샵 플레이어 크기가 커지길 원한다면 그 이상의 숫자를 입력해 주세요. \
   최소 520px \~ 최대 800px 범위까지 입력할 수 있어요. 최소, 최대 입력 범위를 벗어나면, 가까운 최소값, 최대값으로 바뀌어요. 예를들면, 300px을 입력한 경우 520px로 변경돼요. 재생목록 크기가 너무 작아지거나 너무 커지면 사
3. 페이지 내에서는 높이 변경을 미리볼 수 없어요. 상단의 **\[미리보기]** 버튼을 클릭하세요. 쇼핑몰과 최대한 비슷한 환경에서 높이를 확인할 수 있어요.\
   -> [**새창으로 미리보기**](#window-preview) 로 이동하여 더 자세히 알아보기
4. 디자인 탭에서 수정사항이 생기면 메뉴 상단 배경이 어둡게 변경되며 **\[미리보기]**, **\[변경취소]**, **\[저장하기]** 버튼이 표시돼요. **\[저장하기]** 버튼을 클릭하여 높이를 반영해 주세요.

<figure><img src="/files/6u6qovv8Oee106aZkekO" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/sZVxLfu0fa3vj9ECHtj8" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**->**[**디자인 탭 가이드**](/userguide/playlist/undefined-1)**에서 더 자세히 알아보기**<br>

### Q. 어떤 플랜을 구독하면 재생목록을 사용할 수 있나요?

{% hint style="info" %}
A. 샵 플레이어 기능이 플랜에 포함된 **'스탠다드' 플랜** 구독 시에만 재생목록 기능을 사용할 수 있어요. \
더 많은 분들이 재생목록을 사용할 수 있도록 <mark style="color:purple;">**이벤트가 예정**</mark>되어 있으니 기대해 주세요 !&#x20;
{% endhint %}

### Q. 로드 수는 어떻게 계산되나요?

{% hint style="info" %}
재생목록의 로드 수도 현재와 동일하게 적용돼요. 즉, 샵 플레이어가 1번 Load(재생 준비) 될 때마다 1씩 증가하며, 이후 반복 재생이 되는 경우는 증가하지 않습니다. 재생목록의 경우 1번 **'스와이프'** 될 때마다 로드 수가 1씩 증가해요. 예를 들어, 재생목록에서 1번 > 2번 > 다시 1번 순서로 동영상을 시청했을 때, 1번은 2회, 2번은 1회 로드 수가 계산되어 총 3회 로드 수가 발생해요.\
\
재생목록 과금에 대한 더 자세한 사항은 1:1 채팅으로 문의 주세요!\ <img src="/files/pjKDX68i6YBIGkt8DKMw" alt="" data-size="original">
{% endhint %}

## 둘째, 원하는 플레이어만 모아보는 '필터' 기능을 만나보세요!

* 필터는 \[라이브러리] > \[동영상 탭]에서 찾을 수 있어요.
* 모든 플레이어 보기 : 동영상 목록에 업로드 된 동영상 목록 전체를 보여줘요.
* 디스플레이어만 보기 : 상품 배너가 없는 동영상들만 표시해요. 배너가 추가된 동영상들은 제외돼요.
* 샵 플레이어만 보기 : 상품 배너가 추가된 동영상들만 표시해요. 상품 배너가 없는 동영상들은 제외돼요.

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

* 필터가 적용되면 필터 UI가 활성화 표시로 변경돼요.

<figure><img src="/files/5YCdM9iA9KW9q2Tigele" alt=""><figcaption></figcaption></figure>

## 셋째, 샵플레이어 상품 배너를 30개까지 추가할 수 있어요!

{% tabs %}
{% tab title="사이드바 UI 개선" %}

* 이전에 상품 배너와 미리보기를 동시에 볼 수 없어서 스크롤을 하시느라 불편하셨죠?\
  플레이어 탭을 좌측으로 옮기고 미리보기와 배너의 배치를 나란히 하여 편의성을 높였어요. 완전히 달라진 사이드바를 경험하세요!
* 샵 플레이어에 추가할 수 있는 상품 배너의 개수가 최대 30개로 늘어났어요. 숏폼 콘텐츠와과 연관성 높은 상품을 더 많이 노출하여 구매 전환율을 높여보세요!

<figure><img src="/files/qqSGItb2ZYuyrdTtXDRZ" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="라이브러리 '대표상품 행' 업데이트 " %}

* 샵 플레이어에 상품 배너를 30개까지 확장하며 라이브러리에 상품 배너가 표시되는 방법을 바꾸었어요.
* 업데이트 후에는 첫번째 배너 = 대표 상품명과 총 몇 개의 배너가 있는지 숫자 태그가 함께 표시돼요.

<figure><img src="/files/slHAdvZWzqCBhssiCZMq" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


# 2024.01.08 기능 업데이트 안내

안녕하세요! 2024년 새해 맞이 새로운 기능으로 돌아온 찰나입니다.😃\
찰나의 핵심 기능 중 하나인 플레이어 코드 복사 버튼이 새롭게 업데이트 되어 안내드려요!

## 첫째, 샵플레이어 UI가 새로워졌어요!

{% hint style="info" %}

* <mark style="color:purple;">**인스타그램 프로필 링크**</mark>를 누르면 샵플레이어와 함께 관련 상품 및 자사몰 페이지를 연결하고 싶은 분들이 읽으면 좋아요! 직접 재생 해보기 -> <https://player.charlla.io/shoplayer/eqFhheLgPLg><br>

  <figure><img src="/files/DdBrxwgbazHKRZyZfbkn" alt=""><figcaption></figcaption></figure>
* <mark style="color:purple;">**할인이나 기획전을 마케팅**</mark>할 때 고객들에게 동영상과 연관된 상품을 함께 보여줄 수 있어요!&#x20;
  {% endhint %}

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

* 쇼핑몰 이름 위치 변경 : 기존에 배너 상단에 위치했던 쇼핑몰 이름(상호명)이 샵플레이어 상단으로 이동했어요. 배너위에 유용한 정보를 표기할 수 있도록 업데이트 예정이니 기대해 주세요.🥳
* 상품배너 UI 및 인터랙션 변경 : 상품 배너에 더보기 버튼이 새로 생겼어요. 더보기 버튼을 터치하면 동영상에 포함 된 다른 상품 목록을 한 번에 볼 수 있어요. 이제 스와이프 대신 간단히 터치해 주세요.

## 둘째, 링크 복사 버튼이 디스플레이어 URL -> 디스플레이어 코드로 변경되었어요

{% hint style="info" %}
상세페이지 편집에 **HTML**을 활용하시는 분들이 읽으면 좋아요!
{% endhint %}

찰나에서 가장 많이 사용되는 플레이어는 상세페이지에 추가하는 ‘디스플레이어'에요.

한 번의 클릭으로 디스플레이어 iframe을 복사하여 상세페이지 HTML 코드에 붙여넣을 수 있었는데요, 이때 사용하는 버튼의 이름이 **\[디스플레이어 코드]**&#xB85C; 변경되었어요.

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

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

이름만 변경되었을 뿐 클릭으로 복사되는 기능과 위치는 변하지 않았으니 업데이트 후에도 같은 버튼으로 생각해 주세요! 클릭 전에 버튼 위에 마우스를 올리면 툴 팁으로 복사될 코드를 미리 볼 수 있어요.

🤔 <mark style="color:purple;">**링크랑 코드랑 뭐가 달라요?**</mark>

* 코드 : 코드를 복사해서 주소창에 붙여넣었을 때 동영상이 재생되지 않으면 플레이어 ‘코드'에요. HTML 코드를 사용한 페이지에서 재생할 수 있어요.
* 링크 : 링를 복사해서 주소창에 붙여넣었을 때 동영상이 재생되면 플레이어 ‘링크'에요.

## 셋째, 사이드바 > 상세정보에 \[디스플레이어 링크] 버튼이 추가되었어요

{% hint style="info" %}
상세페이지 편집에 에디봇과 같은 **노코드(No Code)툴**을 활용하시는 분들이 읽으면 좋아요!
{% endhint %}

찰나 디스플레이어 링크를 지원하는 노코드 툴(ex. 카페24 에디봇)로 상세페이지를 제작하신다면 \
사이드바 > 디스플레이어 > 상세 정보 > 링크 복사 > **\[디스플레이어 링크]**&#xBC84;튼을 클릭해 주세요.&#x20;

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

클릭 한 번으로 링크를 복사 할 수 있도록 개선되었어요. (이전에는 드래그하여 링크를 복사하는 방식이었어요.)\
클릭 전에 버튼 위에 마우스를 올리면 툴 팁으로 복사될 링크를 미리 볼 수 있어요.

## 넷째, 사이드바 > 상세정보에 \[MP4동영상 링크] 버튼이 추가되었어요

{% hint style="info" %}

* **네이티브 모바일 앱**에서도 찰나에 업로드한 영상을 사용하고 싶으신 분들이 읽으면 좋아요.
* 보안상의 이유로 iframe으로 된 찰나 디스플레이어 코드를 쓸 수 없으신 분들이 읽으면 좋아요.
  {% endhint %}

MP4 동영상 링크를 이용하면 찰나 라이브러리에 업로드한 동영상을 MP4파일 형식으로 재생할 수 있어요.

MP4 파일 형식은 동영상 사용에 자유도가 높은 대신, 서비스에 맞춤 작업을 해야하기 때문에 복잡한 코딩이 필수적으로 필요해요. 찰나의 플레이어 설정도 **적용되지 않아요.**

사이드바 > 디스플레이어 > 상세 정보 > 링크 복사 > **\[MP4 동영상 링크]**&#xBC84;튼을 클릭해 주세요.&#x20;

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

**\[MP4 동영상 링크]**&#xBC84;튼을 클릭하여 복사된 링크를 네이티브 앱에서도 찰나 동영상을 재생할 수 있어요.\
특정한 조건으로 인해 웹 플레이어를 자체적으로 개발한 경우에도 MP4 파일 형식을 이용해 찰나 동영상을 불러올 수 있어요.

사용 목적에 알맞은 링크 및 코드 복사 버튼으로 찰나 플레이어를 더 다앙하게 사용해 보세요!

## 다섯째, 디스플레이어를 항상 가운데 정렬하는 플레이어 설정이 추가되었어요

{% hint style="warning" %}

* <mark style="color:red;">**보통의 경우에는 ‘체크 해제'를 추천드려요.**</mark>
* <mark style="color:red;">**디스플레이어 코드를 사용할 때만 적용되는 설정이에요.**</mark>
  {% endhint %}

특정한 이유로 HTML을 사용하는 상세페이지에서 디스플레이어가 가운데 정렬이 되지 않을 경우, 가운데 정렬을 강제할 수 있는 설정이 추가되었어요.\
사이드바 > 플레이어 설정 > 동영상 채우기 on > 찰나 플레이어 영역 우선 + 항상 가운데 정렬에 체크 했을 때만 사용할 수 있는 ‘선택’ 설정이에요. <mark style="color:red;">`</> 디스플레이어 코드`</mark>를 붙여넣기 했을때만 적용돼요.

<figure><img src="/files/0OAka96LJXsjTMVgrZ81" alt=""><figcaption></figcaption></figure>

<mark style="color:purple;">**보통의 경우에는 ‘체크 해제'를 추천드려요. 아래와 같은 유의사항 때문이에요.**</mark>

1. 항상 가운데 정렬 설정이 적용된 디스플레이어 왼쪽이나 오른쪽에 다른 이미지나 요소가 올 수 없어요.\
   디스플레이어의 세로 길이만큼 상세페이지 한 줄을 디스플레이어가 모두 차지해요.<br>

   <figure><img src="/files/ywd6uffWfdMCXfBlR9jU" alt=""><figcaption></figcaption></figure>
2. 상세페이지 편집기 자체에 '가운데 정렬'이 있다면 항상 가운데 정렬을 체크했을 때 가운데 정렬이 안 되는 경우가 있어요. \
   1\. 편집기에 있는 정렬을 먼저 적용\
   2\. 실제 페이지에서 정렬되지 않을 경우 찰나의 가운데 정렬 체크\
   3\.  <mark style="color:red;">`</> 디스플레이어 코드`</mark> 복사, 다시 붙여넣기 해주세요.

2024년에 더 발전하는 찰나가 될게요!


# 2023.09.26 플레이어 기능 업데이트 안내

안녕하세요. 찰나입니다.:relaxed:

디스플레이어와 관련된 기능이 새롭게 업데이트 되어 알려드려요!

## 첫째, 디스플레이어 크기를 원하는대로 조절해 보세요!

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

플레이어 채우기만 있고 원하는 대로 크기조절이 어려워 불편하셨죠? 많은 분들이 기다리셨던 디스플레이어 크기 조절 기능이 추가되었어요. 크기를 조절하는 방법을 자세히 알려드릴게요.

* 라이브러리 화면

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

1. 라이브러리 화면에서 크기 조절을 원하는 동영상을 클릭해 주세요.
2. 우측 사이드바에서 \[디스플레이어 탭]을 클릭해 주세요.
3. 플레이어 설정을 살펴보세요.

* 사이드 바 > 디스플레이어 탭 > 플레이어 설정화면

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

1. **\[동영상 채우기 토글 버튼]**&#xC744; 클릭하여 1번처럼 on(켜짐)으로 상태를 변경해주세요.
2. 동영상 채우기가 on(켜짐)상태인 경우에만 2번 사용자 맞춤크기 입력창이 활성화 돼요.

* 사이드 바 > 디스플레이어 탭 > 플레이어 설정화면

  <figure><img src="/files/7RKazAWGIECrVZLCXOMQ" alt=""><figcaption></figcaption></figure>

3. 사용자 맞춤크기 입력창을 3번처럼 원하는 px로 지정해보세요. 상세페이지에 포함되는 이미지와 플레이어의 가로 크기가 같기를 원한다면, 이미지와 동일한 크기를 입력해도 돼요.
4. 4번 **\[크기 미리보기 버튼]**&#xC744; 클릭하여 변경한 크기가 얼마나 되는지 확인해 보세요!

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

   가장 흔하게 사용되는 상세페이지의 사이즈인 **1200px을 기준**으로 사이트에 표시될 플레이어의 크기를 미리볼 수 있어요.\ <br>

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

   \
   이때, 1번처럼 입력창에 아무것도 입력하지 않는다면 사용자 맞춤 크기가 적용되지 않는다는 점, 기억해 주세요!

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

   동영상 채우기 설정이 on(켜짐)상태이므로, 상세페이지에 지정된 iframe 영역의 크기만큼 동영상이 꽉 채워지게 돼요.
5. 플레이어 크기를 미리보기로 확인했다면 5번 **\[저장 및 업데이트 버튼]**&#xC744; 꼭 클릭해 주세요!

* 라이브러리 화면

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

라이브러리 화면 > 링크 복사 행에서 **\[디스플레이어 URL 버튼]**&#xC744; 클릭하여 iframe을 복사하고 상세페이지 편집기에 붙여넣기 하면 변경된 크기의 플레이어를 사용할 수 있어요!

## 둘째, 이제 디스플레이어를 클릭해도 동영상이 일시정지 되지 않아요.

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

디스플레이어를 클릭 했을 때 동영상이 멈춰서 다시 클릭해야 했다면?

이제 동영상을 클릭해도 일시정지 되지 않도록 기능이 추가되었어요.

플레이어 설정에서 자동재생과 반복재생 설정이 하나라도 on(켜짐) 상태라면 동영상이 재생되고 있을 때 플레이어를 클릭해도 재생이 멈추지 않아요. 상세페이지에 알맞는 설정을 적용하여 일시정지 막기 기능을 사용해 보세요!

찰나를 더욱 편리하게 사용하실 수 있도록 노력하고 있어요! 항상 찰나를 이용해 주셔서 감사합니다. 🤗


# 회원가입

> 찰나 회원가입으로 무료체험을 시작하세요. 호스팅 플랫폼에 따라 달라지는 회원가입 방법부터 무료체험 기간과 범위까지 알아보세요

## 호스팅 플랫폼 종류

[카페 24](/userguide/signup/24)

[기타 플랫폼](/userguide/signup/direct)


# 랜딩페이지 회원가입

찰나에 회원가입하고 한 달 무료체험을 경험하세요! 회원가입과 동시에 무료 체험이 시작됩니다.

## 대표 회원가입

* 랜딩페이지

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

  상단의 **\[무료로 시작하기] 버튼**을 클릭하세요.

* 이메일 입력 및 호스팅 플랫폼 선택 페이지

  <figure><img src="/files/827uJjVbv3TtqtH6l5Lj" alt=""><figcaption></figcaption></figure>

  1번에 로그인 계정으로 사용할 회사 이메일을 입력하고 **2번 \[계속하기] 버튼**을 클릭하세요.

  만약 카페24를 사용하고 계신다면? -> [카페24 회원가입](/userguide/signup/24) 방법으로 이동하세요.

* 인증메일 발송

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

  입력한 이메일로 인증 메일이 발송되었어요. 받은 메일함에서 찰나 본인 인증 메일을 클릭해 주세요.

* 계정생성 페이지

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

  본인 인증 메일에서 **1번 \[인증하기]버튼**을 클릭하면 로그인 계정을 생성하는 페이지로 이동합니다.

* 필수 정보 입력 페이지

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

1. 필수정보를 모두 입력해 주세요. 필수정보가 입력되면 \[다음]버튼이 활성화 됩니다.
2. 필수약관에 체크해 주세요. 필수약관에 동의해 주셔야 찰나에 가입할 수 있어요.\
   필수약관을 모두 체크하면 2번 **\[다음]버튼**을 클릭하세요.

* 가입 환영 팝업

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

  찰나 튜토리얼이 시작되면 가입 완료입니다. **\[동영상을 업로드]**&#xB97C; 시작으로 찰나 플레이어의 다양한 기능을 경험해 보세요!


# 카페 24

카페24 앱스토어에서 찰나를 설치하고 회원가입하세요. 회원가입과 동시에 무료 체험이 시작됩니다.

## C**ase 1. 대표 운영자 회원가입**

1. \[랜딩페이지] > \[무료체험 시작하기 버튼] > \[호스팅 플랫폼 페이지] > \[카페 24 버튼]을 클릭합니다.
2. [카페 24 앱스토어](https://store.cafe24.com/kr/apps/19804)에서 찰나 app **\[설치하기 버튼]**&#xC744; 클릭합니다.
3. 찰나 로그인 계정을 생성합니다. 이메일 및 사용자 정보를 입력하세요.
4. 찰니 서비스 이용 약관에 동의합니다.
5. 찰나 한 달 무료체험을 시작합니다. 베이직 플랜을 선택하셔도 무료 체험은 스탠다드 플랜으로 제공됩니다!
6. 결제 카드 정보를 등록합니다. 무료 체험 후 다음 달 스탠다드 플랜으로 자동 결제되어 끊기지 않고 찰나를 사용할 수 있습니다.
7. 찰나 가입이 완료되었습니다 !

## Case 2. 부운영자 회원가입

* Step #1. 카페 24 앱 > 마이 앱 메뉴에서 찰나 **\[관리하기 버튼]**&#xC744; 클릭합니다.

<figure><img src="/files/RLGi0vmWB8v4akEmhSa4" alt=""><figcaption><p>cafe24 - 앱 > 마이앱 </p></figcaption></figure>

* Step #2. 찰나 로그인 계정을 생성합니다. 이메일 및 사용자 정보를 입력하세요.

<figure><img src="/files/xrAeZENtDlzVQojFU0il" alt=""><figcaption><p>계정 정보 입력</p></figcaption></figure>

* Step #3. 찰나 서비스 이용 약관에 동의합니다.

<figure><img src="/files/oCGrYOiucptCO5VkUGEx" alt=""><figcaption><p>찰나 - 가입하기</p></figcaption></figure>

* Step #4. 찰나 가입이 완료되었습니다! 팀원들과 함께 찰나 플레이어를 사용하세요.


# 무료체험

찰나는 정기 구독 결제가 필요한 서비스이지만, 첫 달 1회 무료체험이 제공됩니다. 무료체험 기간과 지원 범위를 확인하세요.

## 무료체험 기간

찰라 회원가입일부터 **한 달**간 무료체험기간 제공됩니다.

{% hint style="info" %}
회원가입일이 3월 15일이라면, 무료체험 시작일도 3월 15일이며 3월 15일 \~ 4월 14일까지 무료체험이 제공됩니다.
{% endhint %}

## 무료체험 제공 플랜

**스탠다드 플랜**이 제공됩니다.

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

### 무료체험 기간 내 발생한 초과금

{% hint style="info" %}
초과금이란 ?

한달 내 발생한 동영상의 로드수가 결제한 플랜의 로드수를 '초과'하는 경우 발생해요.
{% endhint %}

무료 체험 기간에는 스탠다드 플랜의 플레이어 로드 수를 모두 사용하고 초과 로드 수가 발생하더라도 초과금액이 발생하지 않아요. 마음껏 찰나를 경험 한 후 결정하세요 !

## 플랜 정기 구독 예정

무료체험 기간(한 달)이 종료되기 전 2주 전부터 다음 달 구독을 계속할 수 있도록 카드를 등록할 수 있는 팝업이 표시돼요.

**카드를 등록하여 구독을 계속하는 3가지 방법**

1. \[결제 관리] > \[플랜 선택] 페이지에서 원하는 플랜을 선택하면 다음 달 자동 결제를 할 수 있는 카드 팝업창이 표시돼요.
2. \[결제 관리] > \[결제 수단]에서 \[+카드 추가]를 클릭하면 1번처럼 플랜을 먼저 선택한 후 카드를 등록할 수 있어요.
3. 무료 체험을 이용하면 다음 달 정기 구독이 시작되기 14일, 7일, 1일 전에 로그인 하면 팝업이 표시돼요. 카드 등록 안내 메일도 발송 됩니다.

{% hint style="info" %}
무료체험 기간은 가입일로부터 한 달 입니다. 3월 15일에 가입했다면 4월 14일까지 무료체험을 이용할 수 있어요. 다음 달 결제일은 4월 15일입니다.
{% endhint %}

\ <br>


# 동영상 업로드

찰나 플레이어 사용의 시작은 동영상 업로드입니다. 동영상 업로드 버튼을 클릭하여 60초 미만의 동영상을 라이브러리에 업로드 하세요.

{% hint style="danger" %} <mark style="color:red;">**동영상 길이가 60초를 넘는 파일은 업로드 할 수 없습니다.**</mark>
{% endhint %}

{% hint style="danger" %} <mark style="color:red;">**동영상 원본 해상도가 1080p를 초과하는 동영상은 자동으로 1080p로 변환되어 서비스 됩니다. (일부 저사양 안드로이드 스마트폰에서 너무 높은 해상도의 동영상들은 재생이 안되는 문제가 있어요.)**</mark>
{% endhint %}

1. 상단의 **\[영상 업로드] 버튼**을 클릭하세요.

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

2. 파일 선택 버튼을 클릭하거나, 동영상 파일을 팝업데 드래그 앤 드롭 하세요.
   1. 파일 해상도는 제한이 없으나 Full HD(1080 x 1920)를 초과하는경우, 업로드 중 최대 Full HD 화질로 변환됩니다.
   2. 60초 이내의 영상만 업로드 가능합니다.
   3. 한 번 올릴 때 최대 15개씩만 업로드 할 수 있어요.

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

3. 1번에서 파일 업로드 진행도와 결과를 확인할 수 있어요. (최근 15개 까지) 2번 전체 삭제 버튼을 클릭하면 업로드 내역이 모두 삭제 됩니다.

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

{% hint style="info" %}
**업로드가 진행 중인 동영상은 목록에서 로딩바가 표시되고 사이드바 미리보기가 표시되지 않습니다.**\
**플레이어 설정 수정 및 저장은 추가 작업 중에도 가능합니다.**
{% endhint %}


# 찰나 플레이어

찰나는 두 가지 플레이어를 제공합니다. 동영상 1개를 상품 소개, 홍보 등 다양한 목적으로 사용해 보세요. 디스플레이어와 샵플레이어가 동영상의 다양한 쓰임을 지원합니다.

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="image">Cover image</th></tr></thead><tbody><tr><td><br>Displayer<br>디스플레이어</td><td></td><td></td><td><a href="/pages/BMXsuoAauS7otFRpzvVs">/pages/BMXsuoAauS7otFRpzvVs</a></td><td><a href="/files/igFKuFz6WuVugIzWW3yJ">/files/igFKuFz6WuVugIzWW3yJ</a></td></tr><tr><td><br>Shop player<br>샵 플레이어</td><td></td><td></td><td><a href="/pages/mzeffZKfF8fQ2MBPCtR0">/pages/mzeffZKfF8fQ2MBPCtR0</a></td><td><a href="/files/7RCFDM9QJ1lTaGYqY6re">/files/7RCFDM9QJ1lTaGYqY6re</a></td></tr></tbody></table>


# Displayer(디스플레이어)

상품이나 콘텐츠를 Display(전시, 진열)하는 목적에 최적화된 플레이어입니다. 온라인 쇼핑몰 상세페이지에 숏폼을 활용하여 정적인 사진으로는 전달할 수 없었던 장점과 특징을 표현하세요. 잘 찍은 영상 하나 열 사진 부럽지 않아요!

## Step 1. 플레이어 설정

1. \[사이드바] > \[디스플레이어 탭] > \[플레이어 설정]에서 토글을 On/off 하여 원하는 설정을 적용하세요.
2. 디스플레이어 설정을 수정한 후 **\[저장 및 업데이트] 버튼**을 눌러 설정을 저장해 주세요.

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

{% hint style="info" %}
**권장설정**

* 불필요한 재생 컨트롤 바를 숨기고, 사진 같은 깔끔한 동영상을 원해요 **→ 컨트롤 바 off**
* 재생 버튼을 누르지 않아도 페이지를 켜자마자 동영상이 재생되길 원해요 **→ 자동 재생 on**
* 동영상이 끝나도 멈추지 않길 원해요 **→ 반복재생 on**
* 동영상 가로 크기를 숫자를 입력해서 조절하고 싶어요. **→ 동영상 채우기 off 후 크기 직접 입력**
  {% endhint %}

{% hint style="warning" %} <mark style="color:red;">**저장하면 자동 업데이트되는 설정, 아닌 설정이 있어요!**</mark>

**컨트롤바, 자동재생, 반복재생** ➡️ 저장 버튼을 누르면 자동 업데이트 돼요. 코드 교체가 필요 없어요.

**동영상 채우기** ➡️ 저장 버튼을 누르고 코드도 교체 해야해요.
{% endhint %}

## Step 2. 코드 및 링크 복사

플레이어 설정을 저장했다면, 이제 직접 사용해 봐야죠! 디스플레이어는 코드 또는 링크를 복사해서 사용할 수 있어요.

### 라이브러리 목록에서 복사하기

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

### 사이드바에서 복사하기

동영상 목록에서 설정을 원하는 영상을 클릭해주세요. 사이드바 상단에서 플레이어별 코드와 링크를 복사할 수 있어요.

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

## Step 3. 쇼핑몰에 사용하기 <a href="#dis-apply" id="dis-apply"></a>

{% tabs %}
{% tab title="HTML 편집기에 사용" %}

1. 코드 복사를 클릭하여 얻은 코드를 HTML 편집기에 붙여넣어 주세요.\
   (사용하는 편집기는 쇼핑몰, 플랫폼별로 차이가 있어요.)
2. HTML 편집기 미리보기 기능으로 찰나 디스플레이어가 어떻게 표시되는지 확인해 주세요.
3. 쇼핑몰 페이지에 다른 요소를 추가하고 편집 내용을 저장하세요.

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

[<mark style="color:purple;">**디스플레이어 가운데 정렬이 잘 안되시나요? 이 설정을 확인해보세요 -> 자세히보기**</mark>](/userguide/library/oepn_sidebar/tap_dis#videofit)

[<mark style="color:purple;">**붙여넣기 한 코드가 없어졌나요? 비디오 태그로 변경해서 사용해 보세요 -> 자세히보기**</mark>](/userguide/library/copy_url#undefined-2)
{% endtab %}

{% tab title="\[카페24] 에디봇 사용" %}

1. 카페 24에서 상품 상세 페이지를 수정하는 **\[에디봇 편집]버튼**을 클릭하여 에디봇 편집 화면으로 이동하세요.

<div><figure><img src="/files/xU2RR9lpTf8GZGq4iK9Z" alt="" width="375"><figcaption><p>이전 작성내역이 있는경우</p></figcaption></figure> <figure><img src="/files/rxgEO282rxqXibjarAo6" alt="" width="375"><figcaption><p><strong>새로 등록</strong>하는 상품의 상세페이지를 에디봇으로 작성하는 경우</p></figcaption></figure></div>

2. 디스플레이어 '링크'를 복사하고, 에디봇 링크칸에 넣어주세요.
   1. 에디봇 편집 화면 좌측 바에 **1번 \[링크] 버튼**을 클릭
   2. 2번 동영상 링크 입력칸에 찰나 라이브러리에서 복사한 동영상 링크를 붙여넣기
   3. 3번 **\[확인]버튼**을 클릭하면 링크 입력 영역이 찰나 디스플레이어 영상으로 교체되어 에디봇에 표시되는 것을 확인할 수 있어요.

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

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

3. 에디봇 화면에서 찰나 디스플레이어 크기를 조절하세요.

   1. 가로 영상 크기 조절\
      \- 아래 이미지 1번에 삽입된 찰나 동영상을 클릭하세요.\
      \- 2번 가로 길이 입력창에 숫자를 입력하여 원하는 크기로 조절하세요.

   <div data-full-width="true"><figure><img src="/files/bEkbJNJEG6M49wa1hGUt" alt=""><figcaption></figcaption></figure></div>

   2.세로 영상 크기 조절\
   \- 1번에 삽입된 찰나 동영상을 클릭하세요.\
   \- 좌측 상단에 위치한 가로/세로 크기 입력 영역에서 2번 비율 고정 기능을 해제 하세요.\
   (해제 시 아이콘 색깔이 파란색에서 회색으로 변경돼요.)\
   \- 영상의 가로:세로 비율이 9:16일 경우, 영상 위아래 여백 없이 영상을 꽉 채우려면 세로값에 1777을 입력하세요.

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

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

{% endtab %}
{% endtabs %}


# Shop player + 재생목록

숏폼 시청자가 동영상 속 상품을 바로 구매(shopping)할 수 있도록 상세페이지 링크 배너가 포함된 커머스 플레이어 입니다. 세로형 숏폼만 지원합니다.

<figure><img src="/files/aV8cRbkBOw3SQ40926HO" alt="" width="366"><figcaption><p> 샵 플레이어 재생 바로가기 : <a href="https://player.charlla.io/shoplayer/hj3d27sbfxg">https://player.charlla.io/shoplayer/hj3d27sbfxg</a></p></figcaption></figure>

{% hint style="warning" %} <mark style="color:red;">**꼭 기억해주세요!**</mark>

* <mark style="color:red;">**샵 플레이어는 세로형 동영상만 지원합니다.**</mark>
* <mark style="color:red;">**가로 영상도 세로형으로 표시됩니다.**</mark>
  {% endhint %}

## 재생목록 만들기 <a href="#shop-create-playlist" id="shop-create-playlist"></a>

샵 플레이어를 단독으로 사용하는 것 보다, 샵플레이어 재생목록을 만들어 사용하는 것이 훨씬 좋아요.

{% tabs %}
{% tab title="재생목록 사용 예시" %}

<figure><img src="/files/5DOJgZtli5ZKQBLcy0jR" alt=""><figcaption></figcaption></figure>

{% endtab %}

{% tab title="재생목록 디자인" %}

<div data-full-width="true"><figure><img src="/files/DcQFpwUqNAkxESBSq2R6" alt=""><figcaption></figcaption></figure></div>

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

<figure><img src="/files/s7fVbTd7ibJk42BYNP1R" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% content-ref url="/pages/kGBjD5CKOh2BnPSjkw7u" %}
[재생목록 만들기](/userguide/playlist/new)
{% endcontent-ref %}

{% content-ref url="/pages/38yq1yh8PaelLl05Vols" %}
[재생순서](/userguide/playlist/undefined)
{% endcontent-ref %}

{% content-ref url="/pages/L67xVLBwgRQtxfvIRfuf" %}
[설정](/userguide/playlist/undefined-1)
{% endcontent-ref %}

## Step 1. 플레이어 설정

1. \[사이드바] > \[샵 플레이어 탭] > \[플레이어 설정]에서 토글을 On/off 하여 원하는 설정을 적용하세요.
2. 디스플레이어 설정을 수정한 후 **\[저장 및 업데이트] 버튼**을 눌러 설정을 저장해 주세요.

<figure><img src="/files/5qNZop5Bdo4ERj89OAgE" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**권장설정**

* 재생 버튼을 누르지 않아도 페이지를 켜자마자 동영상이 재생되길 원해요 **→ 자동 재생 on**
* 동영상이 끝나도 멈추지 않길 원해요 **→ 반복재생 on**
  {% endhint %}

## Step 2. 상품배너 추가하기 <a href="#shop-prodbanner" id="shop-prodbanner"></a>

{% tabs %}
{% tab title="일반 고객" %}

1. \[배너 추가]에서 샵 플레이어에 연결하고 싶은 상품의 상세페이지 주소, 썸네일 이미지 주소, 상품명, 가격을 입력해 주세요.
2. **\[배너추가]** 버튼을 클릭해 주세요.
3. **\[저장 및 업데이트]**&#xB97C; 클릭하여 상품 배너를 저장해 주세요.&#x20;
4. 사이드바 상단의 링크 모양 아이콘을 클릭해 주세요.
5. 링크 및 코드를 복사하여 사용해 주세요.

<figure><img src="/files/0i8uEmjAATbcMhMJ9N9P" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/7Om5i3gIlj3pGagXRU0o" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
샵 플레이어 링크는 어디에 쓰나요?

* 인스타그램 프로필 링크를 누르면 샵플레이어와 함께 관련 상품 및 자사몰 페이지를 연결할 수 있어요.
* 할인이나 기획전을 마케팅할 때 고객들에게 동영상과 연관된 상품을 함께 보여줄 수 있어요!
  {% endhint %}
  {% endtab %}

{% tab title="카페 24 연동 고객" %}

1. 카페 24와 연동된 상품 목록에 있는 \[+] 버튼 클릭하세요.

   <mark style="color:purple;">-선택한 영상과 연관되거나 마케팅을 원하는 상품을 추가하세요. 최대 30개까지 추가 가능해요/</mark>

   <mark style="color:purple;">-상품명, 상품 코드를 검색하여 원하는 카페 24에 상품 목록에 있는 상품을 찾을 수 있어요.</mark>

   <mark style="color:purple;">-상품 상태가 '판매함' + '진열함' 에 모두 해당될 때만 상품 목록에 표시 돼요.</mark>
2. 상품 배너에 추가되었는지 확인 하세요. 상품 배너 블럭의 위치를 변경하여 샵 플레이어에 표시되는 배너 순서를 변경할 수 있어요.
3. **\[저장 및 업데이트]**&#xB97C; 클릭하여 상품 배너를 저장해 주세요.&#x20;
4. 사이드바 상단의 링크 모양 아이콘을 클릭하고, 링크 및 코드를 복사하여 사용해 주세요.

<figure><img src="/files/z6QDSqYvWLGnVzDl0TtH" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


# 라이브러리

라이브러리에서는 고객이 업로드한 동영상 목록이 표시됩니다. 동영상 정보, 플레이어 연결 상태, 간편 통계를 볼 수 있어요.

<figure><img src="/files/8bfjElCNfwRZhoputFgn" alt=""><figcaption></figcaption></figure>

<table data-card-size="large" data-column-title-hidden data-view="cards"><thead><tr><th>정보</th><th></th></tr></thead><tbody><tr><td><mark style="color:purple;"><strong>정보</strong></mark></td><td><ul><li>썸네일(Thumbnail)</li><li>동영상 제목</li><li>업로드한 사용자 이름</li><li>동영상 등록일</li><li>샵플레이어 배너</li></ul></td></tr><tr><td><mark style="color:purple;"><strong>기능</strong></mark></td><td><ul><li><a href="/pages/T80uvk15KXIAGLuVBXFo">태그추가</a></li><li><a href="/pages/bCjSyKYzKWs4bJQOBE1r#url">디스플레이어 코드 복사</a></li><li><a href="/pages/bCjSyKYzKWs4bJQOBE1r#url-1">샵 플레이어 링크 복사</a></li><li><a href="/pages/DW19PjeR2i6cFiqEAnZX">동영상 삭제</a></li><li><a href="/pages/D0kLQZwcGix3Pth7gpp4">사이드바 열기</a></li><li>동영상 검색</li></ul></td></tr></tbody></table>


# 플레이어 코드 및 링크 복사

찰나에서 생성된 플레이어 링크 및 코드를 복사 한 후, 원하는 곳에 붙여넣기하여 찰나 플레이어를 사용하세요. 버튼만 클릭하면 복사가 완료됩니다. 상세페이지, 인스타그램 프로필 링크, SNS, 커뮤니티등 마케팅을 원하는 페이지에 붙여넣기만 하세요!

{% hint style="info" %}
🤔 <mark style="color:purple;">**링크랑 코드랑 뭐가 달라요?**</mark>

* **\</>코드**
  * 코드를 복사해서 주소창에 붙여넣었을 때 동영상이 재생되지 않으면 플레이어 ‘코드'에요. \
    HTML 코드를 사용한 페이지에서 재생할 수 있어요.
  * 웹페이지를 수정하는 모든 HTML 편집기에서 사용할 수 있어요. 쇼핑몰 메인, 상세페이지에서 플레이어가 재생돼요.
* **🔗 링크**
  * &#x20;코드를 복사해서 주소창에 붙여넣었을 때 동영상이 재생되면 플레이어 ‘링크'에요.
  * SNS, 문자, 메일 및 링크를 지원하는 모든 곳에 공유하세요. 일부 노코드 툴에서도 링크로 동영상을 삽입할 수 있어요.
  * 카페24를 이용하는 경우, 에디봇에서 ‘링크'기능으로 찰나 플레이어를 사용해 보세요.
    {% endhint %}

### 라이브러리 목록에서 복사하기

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

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

### 사이드바에서 복사하기

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

### 비디오 태그에 체크하고 복사하기 \[디스플레이어]\[코드 복사] <a href="#videotag" id="videotag"></a>

* 일부 커머스 플랫폼에서는 디스플레이어 코드(iframe)를 자체적으로 삭제하기도 해요.
* 이때 복사창에서 비디오 태그에 체크 후 코드 복사를 클릭하세요.
* <mark style="color:purple;">**단, 비디오 태그를 사용하면 플레이어 설정을 변경할 때마다 비디오 태그 변경해주어야 해요.**</mark>
  * <mark style="color:purple;">**컨트롤바, 자동재생, 반복재생, 채우기**</mark> 모두 해당
  * 예를 들어 1번 비디오 태그 자동재생 on 사용 중 ->  자동재생 off 로 설정 변경 -> 비디오태그 체크 후 2번 비디오 태그 코드 복사 -> 기존에 쓰고 있던 1번 비디오태그를 삭제 -> 다시 복사한 2번 비디오 태그로 변경
* 자동재생 Off할 때 반드시 컨트롤바 On 해주셔야 시청자가 재생할 수 있습니다.
  * 비디오 태그는 클릭으로 재생/일시정지 조절이 안돼요.

<figure><img src="/files/0n2IxPdE7WJrylQw7AoT" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
네이버 스마트스토어의 경우 외부 코드를 강력히 제한하고 있어 비디오코드를 사용하더라도 사용이 어려울 수있음을 안내드려요. 이점 양해해 주세요.
{% endhint %}

### **MP4 링크에 체크하고 복사하기 \[디스플레이어]\[링크복사]**

{% hint style="info" %}

* MP4 동영상 링크를 이용하여 찰나 라이브러리에 업로드한 동영상을 MP4 형식으로 재생할 수 있어요.
* <mark style="color:purple;">**모바일 네이티브 앱**</mark>이나 자체 개발한 자유도가 높은 서비스에서 사용할 수 있어요.
* MP4 파일 형식은 동영상 사용에 자유도가 높은 대신, 비스에 맞춤 작업을 해야하기 때문에 복잡한 코딩이 필수적으로 필요해요.&#x20;
* 찰나에서 적용한 플레이어 설정이 <mark style="color:purple;">**적용되지 않아요.**</mark>
  {% endhint %}

<figure><img src="/files/2wjH7460zAZhQcg6wJ2O" alt=""><figcaption></figcaption></figure>

사용 목적에 알맞은 링크 및 코드 복사 버튼으로 찰나 플레이어를 더 다앙하게 사용해 보세요!


# 사이드바 열기

동영상 가로 열을 클릭하면 동영상 플레이어 편집이 가능한 사이드 바가 열려요. 동영상 세로 행의 이름에 따라 사이드 바가 열릴 때 보여지는 탭이 달라져요.

<figure><img src="/files/6FEpWHW1ehohLP79H0VS" alt=""><figcaption></figcaption></figure>

* 동영상 정보 \~ 등록일 행 : \[사이드바] > \[디스플레이어 탭]이 열림

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

* 대표상품 행 : \[사이드바] > \[샵플레이어 탭]이 열림

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


# 디스플레이어 탭

## 동영상 제목 변경 <a href="#undefined" id="undefined"></a>

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

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

1. \[라이브러리] > \[동영상 탭]에서 편집을 원하는 동영상을 클릭해 주세요.
2. \[사이드바]가 표시되면  \[디스플레이어 탭] > \[동영상 제목]에서 원하는 제목을 입력하세요.
3. &#x20;**\[저장 및 업데이트] 버튼**을 클릭하면 동영상 목록에 제목이 반영돼요.&#x20;

## 플레이어 설정 변경

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

1. \[사이드바] > \[디스플레이어 탭] > \[플레이어 설정]에서 토글을 On/off 하여 원하는 설정을 적용하세요.
2. 디스플레이어 설정을 수정한 후 **\[저장 및 업데이트] 버튼**을 클릭할 경우, 해당 동영상 url이 사용된 모든 페이지의 플레이어가 자동으로 업데이트됩니다.

{% hint style="danger" %} <mark style="color:red;">**동영상 채우기 설정을 변경할 경우는 플레이어 코드 및 링크를 교체해야 합니다.**</mark>\ <mark style="color:red;">**\[사이드바] > \[저장 및 업데이트] > \[링크]버튼 > \[디스플레이어 코드 또는 링크복사] > \[웹 페이지 편집기에 붙여넣기]**</mark>
{% endhint %}

### 컨트롤 바

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

* 컨트롤 바 on : 재생 버튼, 볼륨 조절 등 컨트롤 바가 동영상 위에 표시됩니다.
* 컨트롤 바 off : 재생, 볼륨을 조절하는 컨트롤바가 동영상 위에 표시되지 않아요. 동영상을 조작할 필요가 없고 이미지처럼 깔끔하게 활용하고 싶을 때 이용하세요.

### 자동재생

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

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

### 반복재생

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

### 동영상 채우기

{% hint style="danger" %} <mark style="color:red;">**동영상 채우기 설정을 변경할 경우는 플레이어 링크를 교체해야 합니다.**</mark>\ <mark style="color:red;">**\[사이드바] > \[링크]버튼 > \[디스플레이어 코드 또는 링크복사] > \[웹 페이지 편집기에 붙여넣기]**</mark>
{% endhint %}

### 동영상 채우기 off <a href="#videofit" id="videofit"></a>

처음 설정은 동영상 채우기 Off로 되어있어요.

{% tabs %}
{% tab title="크기 조절" %}

* 영상의 크기를 숫자로 입력해서 조절할 수 있어요.
* 왼쪽 동영상 하단의 **\[미리보기 버튼]**&#xC73C;로 입력한 크기가 어떻게 표시되는지 확인할 수 있어요.
* 크기를 입력하지 않으면 동영상 원본 크기가 적용되어 있어요.
* 최소 200px \~ 최대 1920px까지 가로 크기를 입력할 수 있어요.

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

채우기 Off ➡️ 가로 크기 변경 ➡️ 저장 및 업데이트 ➡️ 상단의 **\[코드 복사]**&#xD558;면 사용할 수 있어요.

<figure><img src="/files/HwdTlUHrM6Ftzll4wjEB" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="항상 가운데 정렬" %}
**✅항상 가운데 정렬 체크**

* 찰나 플레이어가 HTML 편집 페이지 중앙으로 자동 배치돼요.
* 단, HTML 편집 페이지에서 제공하는 **텍스트 가운데 정렬이 적용되지 않아요.**

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

**항상 가운데 정렬 체크해제**

* 항상 가운데 정렬 체크를 해제하면 찰나 플레이어가 왼쪽으로 배치돼요.
* 단, html 편집 페이지에서 제공하는 **텍스트 가운데 정렬** 기능을 사용할 수 있어요.

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

쇼핑몰에 사용 중인 스킨과 커머스 플랫폼 별로 작성 방식에 차이가 있을 수 있어요.\
테스트 후 각 쇼핑몰에 알맞는 설정을 저장해주세요.
{% endtab %}
{% endtabs %}

### 동영상 채우기 On

특정 영역에 동영상을 채우고 싶다면 채우기 On 하세요

* 디자인 스킨을 사용하거나 웹사이트 자체 제작으로 동영상 영역이 지정된 경우, 채우기 On을 사용하세요
* 사용자가 만든 영역의 가로 크기에 영상을 딱 맞게 채우는 기능이에요.
* 만들어진 영역의 크기를 자동으로 계산해요.
* 찰나 플레이어 설정창에서는 크기를 설정할 필요가 없어요.

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

채우기 On ➡️ 저장 및 업데이트 버튼 ️➡️ 코드 복사하면 사용할 수 있어요.

<figure><img src="/files/rGyndyxX69bCIKHl3tQ4" alt="" width="375"><figcaption></figcaption></figure>


# 샵 플레이어 탭

샵 플레이어를 활성화하기 위해 구매 배너를 연결하세요

## 상품배너 추가

{% 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 : 동영상이 끝나면 재생이 끊깁니다. 시청자가 재생 버튼을 클릭해야만 동영상이 처음부터 다시 재생됩니다.


# 통계 탭

통계 탭에서 동영상 각각의 플레이어 로드 수, 상세 페이지 전환율, 시청자 참여수를 확인하세요. 커머스 통계는 구매 배너를 연결하여 샵 플레이어를 사용한 경우만 확인 가능합니다.

## 통계 이해하기 <a href="#undefined" id="undefined"></a>

통계 기간은 기준일과 비교일이 있습니다.

### 기준일

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

* 기준일은 통계가 집계되는 기간을 의미합니다.
* 기본적으로 해당 월의 1일 \~ 현재일까지 표시됩니다.
  * <mark style="color:purple;">예를 들어, 로드 수 통계를 조회한 당일이 3월 15일 이라면, 기준일은 3월 1일 \~ 3월 15일로 설정되어 있습니다.</mark>
* 기준일의 셀렉트 박스 클릭하여 조회 기간을 변경하세요.

### 비교일 추가하기

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

* 기준일 옆에 **\[비교일 추가]** 버튼을 클릭하여 비교 기간을 추가하세요.
* 비교 기간을 추가하면 기준일과 비교일 두 개의 그래프가 표시됩니다.
* 두 기간을 색상으로 구분됩니다.
* 그래프 점 위에 마우스 커서를 올리면 표시된 2개의 그래프 모두 날짜별 통계가 표시됩니다.
* 그래프 하단에 해당 기간의 로드 수, 배너 전환율, 시청자 참여수 별로 높은 순위의 동영상을 확인할 수 있습니다. 비교일을 추가하면 표 상단의 날짜 셀렉트 박스를 선택해서 비교일 기간의 순위별 내용도 확인 할 수 있습니다.

### &#x20;그래프

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

* 통계 조회 기간에 따라 달라지는 데이터를 시각적으로 확인하세요.
* 그래프 점 위에 마우스를 오버하여 날짜별 통계를 확인하세요.
* 그래프 하단에서 해당 기간의 로드 수, 배너 전환율, 시청자 참여수 별로 높은 순위의 동영상을 확인할 수 있어요.

## 비디오・커머스 통계 <a href="#undefined" id="undefined"></a>

### **비디오-플레이어 로드 수 통계**&#x20;

플레이어가 페이지에서 로드된 횟수를 표시합니다. 디스플레이어와 샵플레이어에서 수집된 로드 수의 합계입니다.

### **커머스-상세 페이지 전환율 통계**

{% hint style="danger" %} <mark style="color:red;">**샵플레이어가 활성화 되어있는 지 확인해 주세요. 구매 배너를 연결해야 합니다.**</mark>\ <mark style="color:red;">**standard 요금제부터 사용할 수 있어요.**</mark>
{% endhint %}

* 샵 플레이어에서 시청자가 구매 배너를 클릭한 수를 표시합니다.
* \[샵 플레이어 로드 수 합계] ÷ \[배너 클릭 수] = 상세페이지 전환율(%) 공식으로 계산됩니다.
* 동영상별 전체 전환율과 더불어 어떤 상품의 구매 배너가, 어떤 페이지에서 몇 번 클릭되었는지 일자별 세부 통계를 확인할 수 있습니다.

### **커머스-시청자 참여수 통계**

{% hint style="danger" %} <mark style="color:red;">**샵플레이어가 활성화 되어있는 지 확인해 주세요. 구매 배너를 연결해야 합니다.**</mark>\ <mark style="color:red;">**베이직 요금제부터 사용할 수 있어요.**</mark>
{% endhint %}

* on : 시청자가 재생 버튼을 누르지 않아도 페이지가 로딩되는 순간 동영상이 자동으로 로드됩니다. 이때, 소리는 음소거인 채로 자동 재생됩니다. ->영상링크
* 샵 플레이어에서 시청자가 좋아요 버튼, 링크 공유하기 버튼을 클릭한 수를 표시합니다. (모바일 포함)
* 막대 그래프를 클릭하여 날짜별 세부 통계표에서 좋아요 수, 공유 수를 각각 확인하세요.<br>


# 태그 추가 및 필터

업로드 한 동영상을 원하는 주제별로 분류, 검색, 관리하세요.

## 태그 추가

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

1. 동영상 제목 하단의 **‘태그 추가’** 버튼을 클릭하세요.
2. 태그 입력창에 원하는 태그를 입력하세요.
3. 태그를 입력하면 **‘태그’ 만들기** 버튼이 표시 됩니다. **Enter(엔터)**&#xD0A4; 혹은 '**태그'만들기** 버튼을 클릭해주세요.
4. 만들어진 태그와 기존 태그는 하단 목록에 표시됩니다. 태그 목록에서 태그를 클릭하거나, 선택한 태그를 삭제하여 수정하세요.&#x20;
5. **‘적용하기’** 버튼으로 태그 추가를 완료해 보세요.

## 태그 삭제

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

1. 삭제를 원하는 태그에 마우스 오버 하세요. 편집 버튼이 표시됩니다.
2. 태그 편집창에서 삭제 버튼을 클릭하세요.

{% hint style="warning" %}
태그를 삭제하면 현재 태그가 달린 모든 동영상에서 태그가 삭제되니 유의해 주세요.
{% endhint %}

## 태그 필터

1. 라이브러리 상단에 **태그 필터**를 선택해 주세요.
2. 태그 필터 방식을 선택해주세요.
   1. 모두 포함 : 선택한 태그가 모두 포함된 동영상만 목록에 남아요.
   2. 하나라도 포함 : 선택한 태그가 하나라도 포함되면 목록에 남아요.
3. 태그 목록에서 필터를 원하는 태그를 선택해 주세요.
4. **\[적용]버튼**을 클릭하세요.

<figure><img src="/files/36fU9FwTtH7P27io2GAH" alt=""><figcaption></figcaption></figure>

**같은 태그를 선택했지만 필터 조건에 따라 달라지는 결과를 확인하세요!**

\*'반려동물, 소형'필터 선택 > **모두 포함** 조건인 경우

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

\*'반려동물, 소형'필터 선택 > **하나라도 포함** 조건인 경우

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

## 필터 내 검색

* 태그 필터를 적용한 상태에서 플레이어 필터를 설정하거나, 단어 검색을 중복 가능해요. 이때 검색 범위는 '태그 필터가 적용된 동영상 목록'이에요.&#x20;

**\*1번 = 태그 필터만 적용한 경우**

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

**\*1번 + 2번 = 태그 필터를 적용한 상태에서 단어 검색을 함께 한 경우**

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

**\*1번 + 2번 + 3번 = 태그 필터를 적용한 상태에서 단어 검색과 플레이어 필터를 함께 한 경우**

<figure><img src="/files/0fTbWHk9FDq4kPH9c2gp" alt=""><figcaption></figcaption></figure>


# 삭제

체크박스로 여러 개의 동영상을 선택하여 한 번에 삭제하세요.

{% hint style="danger" %}

* 상세페이지에서 사용되고 있는 동영상을 삭제할 경우, <mark style="color:red;">**상세페이지에서 동영상이 재생되지 않아요.**</mark>
* 동영상을 삭제하더라도 상세페이지에 사용한 디스플레이어 코드는 자동으로 삭제되지 않아요.
* 남아있는 코드는 상세페이지에서 '여백'으로 보여요.
* 이를 해결하기 위해서는 페이지에 남아있는 디스플레이어 코드를 삭제해 주세요.&#x20;
  {% endhint %}

\[동영상 목록] > \[체크박스 선택] > 상단 **\[삭제]** 버튼을 클릭하여 동영상을 삭제하세요.

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

삭제된 영상은 <mark style="color:red;">**다시 복구할 수 없어요.**</mark> 체크한 동영상을 한 번 더 확인 후 삭제해 주세요. 팝업에서 \[삭제하기]버튼을 누르면 완전히 삭제돼요.

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


# 플레이어 설정 저장 및 업데이트

플레이어 설정을 수정한 후 저장 및 업데이트 버튼을 클릭하면 해당 동영상 플레이어 url을 사용하고 있는 모든 페이지의 플레이어가 자동으로 업데이트됩니다.

{% hint style="danger" %} <mark style="color:red;">**디스플레이어의 동영상 채우기 옵션은 on/off를 수정하더라도 업데이트 되지 않습니다.**</mark> \ <mark style="color:red;">**디스플레이어 코드 교체가 필요합니다.**</mark>
{% endhint %}

* 플레이어 설정을 변경한 후 페이지별로 일일이 디스플레이어 코드를 수정하지 않아도 됩니다.
  * <mark style="color:purple;">예를 들어, A동영상 디스플레이어의 코드 하나가 10개의 페이지에서 사용되고 있습니다.</mark>\ <mark style="color:purple;">디스플레이어 설정(컨트롤바, 자동재생, 반복재생 중 1개 설정) 을 수정한 후</mark> <mark style="color:purple;"></mark><mark style="color:purple;">**\[저장 및 업데이트]**</mark> <mark style="color:purple;"></mark><mark style="color:purple;">버튼을 누른다면, 현재 재생 중인 10개의 페이지에 모두 적용됩니다.</mark>
* 같은 동영상을 다른 옵션으로 쓰고 싶다면 재 업로드 해주세요.

#### &#x20;<a href="#undefined" id="undefined"></a>

## 디스플레이어(displayer) 코드 고객 임의 변경 <a href="#undefined" id="undefined"></a>

{% hint style="danger" %}

* <mark style="color:red;">**디스플레이어 코드를 변경하면 플레이어 설정이 더이상 업데이트 되지 않습니다.**</mark>

* <mark style="color:red;">**코드 수정 중에서 사용자의 실수로 인해 재생 오류가 발생하거나 의도치 않은 결과가 발생하는 빈도가 높습니다. 따라서, 권장하지 않는 방법입니다. 반드시 불가피하게 필요한 경우에만 사용해 주세요.**</mark>
  {% endhint %}

* 찰라에서 제공하는 플레이어 코드를 사용자가 직접 수정하여 플레이어 설정을 변경하는 방법입니다.&#x20;

* 임의 변경 코드는 링크 복사 버튼에서 제공하는 iframe 코드 뒤에 써주세요.

모든 옵션 off

\<iframe src="<https://challa-player.kollus.com/Sg1Y46PdfDf>?" width="100%" height="100%" style="border:none;" allow="autoplay; fullscreen">\</iframe>

* 컨트롤 바 on :\<iframe src="<https://challa-player.kollus.com/Sg1Y46PdfD&#x66;**?controls**”> width="100%" height="100%" style="border:none;" allow="autoplay; fullscreen">\</iframe>
* 자동재생 on : \<iframe src="<https://challa-player.kollus.com/Sg1Y46PdfD&#x66;**?autoplay**”> width="100%" height="100%" style="border:none;" allow="autoplay; fullscreen">\</iframe>
* 반복재생 on :\<iframe src="<https://challa-player.kollus.com/Sg1Y46PdfD&#x66;**?loop**”> width="100%" height="100%" style="border:none;" allow="autoplay; fullscreen">\</iframe>
* 동영상 채우기 on :\<iframe src="<https://challa-player.kollus.com/Sg1Y46PdfD&#x66;**?fill**”> width="100%" style="border:none;" allow="autoplay; fullscreen">\</iframe>


# Copy of 플레이어 코드 및 링크 복사

찰나에서 생성된 플레이어 링크 및 코드를 복사 한 후, 원하는 곳에 붙여넣기하여 찰나 플레이어를 사용하세요. 버튼만 클릭하면 복사가 완료됩니다. 상세페이지, 인스타그램 프로필 링크, SNS, 커뮤니티등 마케팅을 원하는 페이지에 붙여넣기만 하세요!

{% hint style="info" %}
🤔 <mark style="color:purple;">**링크랑 코드랑 뭐가 달라요?**</mark>

* **\</>코드**
  * 코드를 복사해서 주소창에 붙여넣었을 때 동영상이 재생되지 않으면 플레이어 ‘코드'에요. \
    HTML 코드를 사용한 페이지에서 재생할 수 있어요.
  * 웹페이지를 수정하는 모든 HTML 편집기에서 사용할 수 있어요. 쇼핑몰 메인, 상세페이지에서 플레이어가 재생돼요.
* **🔗 링크**
  * &#x20;코드를 복사해서 주소창에 붙여넣었을 때 동영상이 재생되면 플레이어 ‘링크'에요.
  * SNS, 문자, 메일 및 링크를 지원하는 모든 곳에 공유하세요. 일부 노코드 툴에서도 링크로 동영상을 삽입할 수 있어요.
  * 카페24를 이용하는 경우, 에디봇에서 ‘링크'기능으로 찰나 플레이어를 사용해 보세요.
    {% endhint %}

### 라이브러리 목록에서 복사하기

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

###

### 사이드바에서 복사하기

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

### 비디오 태그에 체크하고 복사하기 \[디스플레이어]\[코드 복사] <a href="#videotag" id="videotag"></a>

* 일부 커머스 플랫폼에서는 디스플레이어 코드(iframe)를 자체적으로 삭제하기도 해요.
* 이때 복사창에서 비디오 태그에 체크 후 코드 복사를 클릭하세요.
* <mark style="color:purple;">**단, 비디오 태그를 사용하면 플레이어 설정을 변경할 때마다 비디오 태그 변경해주어야 해요.**</mark>
  * <mark style="color:purple;">**컨트롤바, 자동재생, 반복재생, 채우기**</mark> 모두 해당
  * 예를 들어 1번 비디오 태그 자동재생 on 사용 중 ->  자동재생 off 로 설정 변경 -> 비디오태그 체크 후 2번 비디오 태그 코드 복사 -> 기존에 쓰고 있던 1번 비디오태그를 삭제 -> 다시 복사한 2번 비디오 태그로 변경
* 자동재생 Off할 때 반드시 컨트롤바 On 해주셔야 시청자가 재생할 수 있습니다.
  * 비디오 태그는 클릭으로 재생/일시정지 조절이 안돼요.

<figure><img src="/files/T5RFThtOfcbjMaD9OfCQ" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="success" %}
네이버 스마트스토어에 사용할 경우 아래 가이드를 따라해 주세요.
{% endhint %}

* 디스플레이어 설정에서 <mark style="color:purple;">**컨트롤바는 On, 오디오 버튼만 표시 체크는 Off**</mark> 해주세요.
* <mark style="color:purple;">**동영상 채우기는 Off**</mark>로 설정하고, PC화면에서 원하는 가로 크기를 입력해 주세요.\
  (모바일은 반응형 자동 작용)
* 위 두가지 설정만 되면 자동, 반복 재생은 자유롭게 on/off 하세요.

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

* 상단 코드 복사창에서 <mark style="color:purple;">**비디오 태그 체크를 On**</mark> 해주세요.

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

* 스마트스토어 적용 방법 및 예시

<figure><img src="/files/064ZTRjS5K6tEw4BxBr9" alt=""><figcaption></figcaption></figure>

### **MP4 링크에 체크하고 복사하기 \[디스플레이어]\[링크복사]**

{% hint style="info" %}

* MP4 동영상 링크를 이용하여 찰나 라이브러리에 업로드한 동영상을 MP4 형식으로 재생할 수 있어요.
* <mark style="color:purple;">**모바일 네이티브 앱**</mark>이나 자체 개발한 자유도가 높은 서비스에서 사용할 수 있어요.
* MP4 파일 형식은 동영상 사용에 자유도가 높은 대신, 비스에 맞춤 작업을 해야하기 때문에 복잡한 코딩이 필수적으로 필요해요.&#x20;
* 찰나에서 적용한 플레이어 설정이 <mark style="color:purple;">**적용되지 않아요.**</mark>
  {% endhint %}

<figure><img src="/files/7gr0uBYjOu2JtCNL5NTW" alt="" width="375"><figcaption></figcaption></figure>

사용 목적에 알맞은 링크 및 코드 복사 버튼으로 찰나 플레이어를 더 다앙하게 사용해 보세요!


# 내 상품

{% hint style="warning" %}

* <mark style="color:orange;">**한 페이지에 연결된 동영상이 너무 많을 경우 로딩이 지연될 수 있습니다. \[카페24 권장 기준 1페이지에 50개]**</mark>
* <mark style="color:orange;">**일부 쇼핑몰 스킨에서 동작에 이상이 있을 경우, 채팅 상담으로 문의해 주시면 바로 대응해 드리겠습니다.**</mark>
  {% endhint %}

### 1. 스크립트 설치하기

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

1-1. 상단 메뉴에서 **‘내 상품’** 탭을 클릭하세요.

1-2. 대표이미지를 숏폼으로 변경하려면 스크립트 설치가 필요합니다. 상단 배너에서 **\[스크립트 설치]** 버튼을 클릭해주세요.  스크립트가 <mark style="color:red;">**설치되지 않은 고객의**</mark> 경우, 주의 배너가 표시됩니다.

1-3. 스크립트 설치 팝업에서  **\[썸네일 스크립트 설치]** 버튼을 클릭하세요.

* ✅ **교체되는 대표 이미지 목록** : 4개의 대표이미지 중 목록, 작은목록 이미지가 변경됩니다.
* ✅ **적용 페이지 예시**: 쇼핑몰의 메인페이지, 검색 페이지에 연결한 숏폼이 적용됩니다.
* ✅ **설치 대상 / 예시:** 스크립트가 설치될 쇼핑몰 주소와 코드를 확인하세요.

1-4. 설치가 완료되면 팝업이 변경되며 아래와 같은 안내 메시지가 표시됩니다. \[**썸네일 영상 연결 시작하기]** 버튼을 클릭하세요.

2. ### 동영상 연결하기

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

2-1. ‘내 상품’ 목록에서 **\[+ 영상 연결]** 버튼을 클릭하세요.

2-2. 사이드바가 펼쳐지고 \[**동영상 선택]** 팝업이 표시됩니다.

2-3. 연결할 영상 선택

* 원하는 썸네일 영상을 클릭하여 선택합니다.
* 상단 검색창에서 영상명을 직접 검색할 수도 있습니다.

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

2-4. 하단의 **\[저장]** 버튼으로 선택을 완료해주세요. 팝업에서 저장해도 아직 실제 페이지에 반영되지 않아요.

{% hint style="warning" %} <mark style="color:orange;">**썸네일이 등록되지 않은 상품에는 영상 연결이 불가능합니다. 대표이미지가 등록되지 않은채로 영상 연결을 클릭하면 하단 안내 메시가 표시되니 참고해 주세요.**</mark>
{% endhint %}

<figure><img src="/files/4rmEPnYrmMMKmg1yPaK9" alt=""><figcaption></figcaption></figure>

### 3. 미리보기 및 썸네일 영상 저장

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

대표 이미지에 적용할 영상을 선택했다면, 쇼핑몰에 적용하기 전, 썸네일 영상을 미리 확인할 수 있어요.&#x20;

3-1. (1번)상단의 미리보기 옵션에서 **2:3, 4:5, 정방형** 중 하나를 선택하세요.\
선택한 비율에 따라 썸네일 영상이 쇼핑몰에서 어떤 형태로 노출될지 실시간으로 확인할 수 있어요.

📌 찰나에서 제공하는 미리보기 화면으로, 실제 쇼핑몰에서는 다르게 보일 수 있어요.

3-2. 반드시 썸네일 정보 선택한 영상을 **\[저장 및 업데이트]**&#xD558;세요.

* 2번 **\[저장 및 업데이트]** 버튼을 클릭하면, **카페24 메인, 검색 페이지** 등에 실제로 대표 이미지 대신 숏폼 영상이 표시됩니다.
* **적용 범위** : <mark style="color:purple;">**카페24로 제작한 쇼핑몰에의 메인, 검색 페이지에서만**</mark> 연결한 숏폼이 표시됩니다. 모든 페이지에 적용되지 않아요. 찰나에서 만든 예시 페이지에서 상품 목록에 숏폼이 적용된 모습을 미리 확인해 보세요.

  * [메인페이지](https://pomelife.cafe24.com/)
  * [검색페이지](https://pomelife.cafe24.com/product/search.html?banner_action=\&keyword=%EC%83%98%ED%94%8C%EC%83%81%ED%92%88+2)

  <div data-gb-custom-block data-tag="hint" data-style="warning" class="hint hint-warning"><p><mark style="color:orange;"><strong>한 페이지에 영상이 많을 경우, 동영상 로딩이 지연될 수 있습니다.</strong></mark></p></div>

### 4. 동영상 변경 및 상품 정보

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

4-1. **썸네일 영상 정보 영역**

* **썸네일 영상 선택 :** 연결된 썸네일 영상이 표시되며, **마우스를 올리면 \[동영상 변경]과 \[삭제] 버튼이 표시됩니다.** 기존에 연결된 영상을 수정하거나 연결을 해제 하세요.&#x20;
* 동영상 변경 : 썸네일 영상 선택에 마우스 hover > 동영상 변경 버튼 클릭 > 동영상 선택 > 저장 버튼
* 동영상 연결 해제 : 썸네일 영상 선택에 마우스 hover > 삭제 버튼 > 저장 버튼

4-2. **상품 정보 영역**

* 카페24에서 입력한 상품의 대표 이미지, 상품명, 상품코드, 가격 정보가 표시돼요.
* 상품 정보를 **카페24 관리자 페이지에서 변경한 경우**, 상품 정보 옆 **\[새로고침]** 버튼을 눌러 변경사항을 반영할 수 있어요.

{% hint style="warning" %} <mark style="color:orange;">**카페24 상품 목록에서 대표이미지를 변경하는 경우, 기존에 연결된 찰나 영상도 자동으로 해제됩니다. 대표 이미지가 바뀌었다면, 반드시 새로 연결을 진행해주세요.**</mark>
{% endhint %}

### 5. 썸네일 동영상 연결이 끊기는 경우

5-1. 카페24 상품 목록에서 대표이미지를 변경하는 경우, 기존에 연결된 찰나 영상도 자동으로 해제됩니다. 대표 이미지를 변경할 때마다 다시 연결이 필요합니다.

5-2. 썸네일로 사용 중인 동영상을 찰나 라이브러리에서 삭제 했을 때 상품 연결도 해제됩니다.

### 6. 스크립트 설치 해제

스크립트를 삭제하려면 다음 과정을 진행해 주세요.

**\[계정 관리]** 페이지 > 하단 **\[내 쇼핑몰]** 영역 > 스크립트 **\[설치 해제] 버튼**을 클릭하세요.

<figure><img src="/files/Qux4Yn0VUzo2CTGgyJqT" alt="" width="375"><figcaption></figcaption></figure>


# \[Cafe24] 상품 상세 페이지 대표이미지 영역에 찰나 영상 사용하기

{% hint style="warning" %}

* <mark style="color:orange;">**Cafe24 기반 쇼핑몰의 상세 페이지 상품 대표이미지 영역에 찰나 썸네일 플레이어를 적용하는 방법입니다.**</mark>
* <mark style="color:orange;">**일부 쇼핑몰 스킨에서 동작에 이상이 있을 경우, 채팅 상담으로 문의해 주시면 바로 대응해 드리겠습니다.**</mark>&#x20;
  {% endhint %}

Cafe24 기반 쇼핑몰의 상품 상세(메인) 페이지에서 썸네일 플레이어를 사용하는 방법을 안내합니다.

#### 1. 찰나 썸네일 플레이어 스크립트 확인 <a href="#id-1" id="id-1"></a>

```
<!--찰나 썸네일 플레이어 스크립트 시작-->
<script src="https://console.charlla.io/thumbnail-content/cafe24/{쇼핑몰ID}/script"></script>
<!--찰나 썸네일 플레이어 스크립트 끝-->
```

* 쇼핑몰 ID는 찰나 서비스 페이지 > 계정관리 메뉴에서 확인하실 수 있습니다.

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

### 2. 레이아웃 파일에 스크립트 설치하기

2-1. Cafe24 관리자 페이지에서 디자인 페이지로 이동하세요.

2-2. 현재 사용중인 디자인 스킨 코드 수정을 위해 "디자인 편집" 버튼을 클릭해서 "스마트 디자인 편집창" 으로 이동해 주세요

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

2-2-1. "스마트디자인 Easy" 창이 뜰 실행될 경우, 좌측 하단에 "\</> HTML 수정" 버튼을 클릭하면 "스마트 디자인 편집창"으로 진입할 수 있습니다.

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

2-3. 스크립트는 레이아웃 > 기본 레이아웃 > 공통 레이아웃(layout.html)에 설치되어야 합니다.

* **✅ 쇼핑몰 공통 레이아웃 페이지: 공통 레이아웃(layout.html)**

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

{% hint style="warning" %}

* <mark style="color:orange;">**유료 스킨의 경우, 스킨을 제작한 에이전시에서 기본 경로/파일명을 사용하지 않고 별도 파일명을 사용했을 경우에는, 설치 대상 파일이 달라질 수 있습니다.**</mark>
* <mark style="color:orange;">**실제 파일 설치 경로를 정확히 확인하기 위해서는 스킨 제작 에이전시에 문의해 주세요.**</mark>
  {% endhint %}

2-4. 스크립트 코드는 \</head> 바로 윗줄, 혹은 \</body> 바로 윗줄에 붙여넣기 해주세요.

2-5. 코드 붙여넣기를 완료한 후, "저장" 버튼을 클릭해서 변경 사항을 저장합니다.

스크립트 설치가 정상적으로 완료된 이후에는 기존 찰나 서비스 페이지 "내 상품" 메뉴에서 숏폼 영상과 연결한 상품들의 상세 페이지 대표 이미지 영역에 숏폼 영상이 표시됩니다.


# \[Cafe24]새롭게 설치한 스킨에 스크립트 설치하기

### 1. 설치할 스크립트 코드 확인하기

1-1. 썸네일 플레이어 사용을 위한 스크립트 코드는 다음과 같습니다.

```
<!--찰나 썸네일 플레이어 스크립트 시작-->
<script src="https://console.charlla.io/thumbnail-content/cafe24/{mall_id}/script"></script>
<!--찰나 썸네일 플레이어 스크립트 끝-->
```

1-2.  스크립트 코드의 {mall\_id}는 고객님의 쇼핑몰 ID 값이 들어가야 합니다.

1-3. 고객님의 쇼핑몰 ID 는 찰나 서비스 페이지 > 계정 관리 메뉴에서 확인하실 수 있습니다.&#x20;

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

쇼핑몰 ID가 "charlla"일 경우, 스크립트 전체 코드는 다음과 같습니다.

```
<!--찰나 썸네일 플레이어 스크립트 시작-->
<script src="https://console.charlla.io/thumbnail-content/cafe24/charlla/script"></script>
<!--찰나 썸네일 플레이어 스크립트 끝-->
```

### 2. 신규 스킨에 스크립트 설치하기

2-1. Cafe24 관리자 페이지에서 디자인 페이지로 이동하세요.

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

2-2. 새롭게 도입하려는 스킨 편집을 위해 "디자인 편집" 버튼을 클릭해서 "스마트 디자인 편집창" 으로 이동해 주세요

<figure><img src="/files/43cGzTANeYUNRAyNKcGL" alt=""><figcaption></figcaption></figure>

Section 1에서 확인한 스크립트 코드를 설치 대상 페이지 HTML영역 최하단에 붙여넣기 합니다.

2-3. 스크립트는 3개 페이지에 설치되어야 합니다.

* **✅ 쇼핑몰 메인 페이지: index.html**

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

* **✅ 쇼핑몰 상품 분류 페이지: list.html**

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

* **✅ 쇼핑몰 상품 검색 페이지: search.html**

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

{% hint style="warning" %}

* <mark style="color:orange;">**유료 스킨의 경우, 스킨을 제작한 에이전시에서 기본 경로/파일명을 사용하지 않고 별도 파일명을 사용했을 경우에는, 설치 대상 파일이 달라질 수 있습니다.**</mark>
* <mark style="color:orange;">**실제 파일 설치 경로를 정확히 확인하기 위해서는 스킨 제작 에이전시에 문의해 주세요.**</mark>
  {% endhint %}

2-4. 코드 붙여넣기를 완료한 후, "저장" 버튼을 클릭해서 변경 사항을 저장합니다.

스크립트 설치가 정상적으로 완료된 이후에는 기존 찰나 서비스 페이지 "내 상품" 메뉴에서 숏폼 영상과 연결한 상품들의 썸네일 영역에 영상이 자동으로 적용 됩니다.


# 위젯

## 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>

#### 스포트라이트 위젯

가운데 영상을 강조해 보여주는 위젯입니다. 좌우 탐색 시 중앙 콘텐츠가 돋보이도록 크게 표시되며, 동영상과 상품 이미지를 함께 배치해 풍부한 쇼핑 경험을 제공합니다.

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


# 위젯 만들기

## 위젯 만들기

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

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

1. **위젯** > **\[+ 새 위젯 만들기]** 버튼을 클릭해 주세요.
2. 플로팅 위젯, 슬라이드 위젯, 멀티 샵플레이어 위젯 중 원하는 위젯 디자인 레이아웃을 고르고 **\[선택하기]** 버튼을 클릭해 주세요. 선택한 위젯 유형은 화면 오른쪽 미리보기 영역에서 확인할 수 있어요.

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

3. **재생순서에 추가 모달**에서 위젯에 추가할 동영상을 선택해 주세요. 위젯 재생순서에는 최대 200개의 동영상을 추가할 수 있어요.
4. **\[추가하기]** 버튼을 클릭하면 위젯이 생성돼요.

{% hint style="info" %}
추가한 동영상과 상품 배너가 연결되어 있지 않으면 위젯에 표시되지 않습니다.\
찰나의 모든 위젯은 상품이 연결된 숏폼 영상이 최소 1개 이상 포함되어야 활성화됩니다.\
영상에 상품이 연결되어 있지 않다면 **연결 가능한 상품**에서 **\[+ 버튼]**&#xC744; 클릭해 상품을 연결해 주세요.
{% endhint %}

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

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

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

5. 슬라이드 위젯을 선택하면 상품 아이템으로 위젯을 구성할 수 있어요. 동영상과 상품을 함께 최대 200개까지 추가할 수 있어요.
6. 등록된 상품이 없다면 **\[+새 상품 등록]** 버튼을 클릭해 상품을 추가해 주세요.

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

7. 상품 등록 시 **상품명, 상세페이지 URL**은 필수로 입력해 주세요.
8. 상품 정보를 입력한 뒤 **\[등록하기]** 버튼을 클릭하면 새로운 상품이 등록돼요. 등록한 상품은 이후에도 불러와 위젯에 포함되어 있는 영상과 다시 연결할 수 있어요.

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

9. 새로 등록한 상품은 상품 리스트에 표시돼요.
10. 추가할 상품을 선택한 뒤 \[추가하기] 버튼을 클릭하면 위젯이 생성돼요.

{% hint style="info" %}
Cafe24 플랫폼 계정과 연동된 찰나 계정의 경우, cafe24에서 판매 중인 상품 정보가 자동으로 추가됩니다.
{% endhint %}

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

1. 슬라이드 위젯을 선택하면 상품 아이템으로 위젯을 구성할 수 있어요. 동영상과 상품을 함께 최대 200개까지 추가할 수 있어요.
2. 검색창에서 상품명 또는 상품 코드로 원하는 상품을 검색할 수 있어요.
3. 카페24 연동 상품이 최신 버전이 아닌 경우 **\[새로고침]** 버튼을 클릭해 최신 정보로 반영해 주세요.
4. 카페24 연동 상품 외에 다른 상품을 등록하고 싶다면 **\[+새 상품 등록]** 버튼을 클릭해 상품을 등록해 주세요.

{% hint style="info" %}
슬라이드 위젯은 상품 아이템만으로 구성할 수 없습니다.\
상품 배너가 연결된 숏폼 영상이 최소 1개 이상 포함되어야 위젯을 활성화할 수 있습니다.
{% endhint %}

## 위젯 편집 화면&#x20;

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

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

1. 생성된 위젯의 제목이에요. 제목을 클릭해 수정할 수 있어요.
2. \[미리보기] 버튼을 클릭하면 현재 설정 중인 위젯을 실제 크기와 동일하게 새 창에서 확인할 수 있어요.
3. \[링크 복사] 버튼을 클릭하면 해당 위젯의 링크가 복사돼요.
4. \[코드 복사] 버튼을 클릭하면 해당 위젯의 코드가 복사돼요. 복사한 코드를 원하는 위치에 붙여 위젯을 노출해 보세요.
5. \[더보기] 버튼을 클릭하면 해당 위젯을 삭제할 수 있어요.

## 위젯 목록 화면

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

1. 현재 생성된 위젯 유형별 개수를 확인할 수 있어요.
2. 위젯 유형별로 필터링하여 목록을 확인할 수 있어요.
3. **\[새 위젯 만들기]** 버튼을 클릭해 새로운 위젯을 생성할 수 있어요.
4. 위젯 제목, 생성자, 동영상 제목, 상품명으로 위젯을 검색할 수 있어요.
5. 위젯을 최신 생성순 또는 오래된 생성순으로 정렬할 수 있어요.
6. 위젯 카드에서 포함된 항목 수, 위젯 제목, 생성자, 생성일을 확인할 수 있어요. 해당 위젯에 포함된 동영상 또는 상품 이미지는 카드 썸네일로 표시돼요.
7. 위젯 카드에 마우스를 올리면 링크/코드 복사, 위젯 복제, 삭제 기능을 사용할 수 있어요.


# 재생순서

## 재생순서

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

1. \[+ 추가] 버튼을 클릭해 동영상을 위젯에 추가할 수 있어요. 슬라이드 위젯의 경우 상품도 함께 추가할 수 있어요.
2. 항목을 추가일 오래된 순 / 최신 순으로 정렬할 수 있으며, 직접 순서를 변경하면 커스텀 정렬로 표시돼요.
3. 동영상 항목은 상품 배너가 연결된 경우에만 위젯에서 재생돼요. 비활성화된 동영상은 위젯에서 재생되지 않아요.
4. 항목을 드래그 앤 드롭하여 재생 순서를 변경할 수 있어요.
5. 현재 설정 중인 위젯의 미리보기 화면이 표시돼요. 미리보기는 실제 위젯 크기의 75% 비율로 제공돼요.

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

6. 항목을 선택해 맨 위·맨 아래로 이동하거나 재생 순서에서 제외할 수 있어요.

{% hint style="info" %}
슬라이드 위젯 재생 순서

슬라이드 위젯은 토글 on/off로 상품 배너 표시 여부를 설정할 수 있어요. 동영상이나 상품 아이템을 클릭하면 해당 상세페이지로 이동해요.
{% endhint %}

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

## 재생순서에서 상품 배너 연결하기

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

1. 항목을 선택하면 해당 동영상의 샵플레이어 설정 사이드바가 열려요.
2. 샵플레이어에 표시될 동영상 설명을 입력할 수 있어요.
3. 위젯에 연결할 수 있는 상품 리스트가 표시돼요.
4. \[+새 상품 등록] 버튼을 눌러 신규 상품을 등록할 수 있어요. 등록한 상품은 바로 연결 가능한 상품 목록에 추가돼요.
5. 상품 아이템을 배너로 연결하거나, 상품 정보를 수정·삭제할 수 있어요.

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

6. 연결 가능한 상품에서 **\[+ 배너 연결]**&#xC744; 클릭하면 해당 상품이 연결된 상품 배너에 추가되고, 샵플레이어에 즉시 반영돼요.

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

7. 연결 가능한 상품에서 **\[수정]**&#xC744; 클릭하면 상품 정보 수정 모달이 열려요. 상품 정보를 수정해 저장하면, 해당 상품이 연결된 모든 샵플레이어의 상품 배너에 자동으로 반영돼요.

## 재생순서에서 상품 배너 연결하기 (카페24 연동)

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

1. 카페24에서 연동된 상품은 수정하거나 삭제할 수 없어요. 상품 정보 변경은 카페24 관리자에서 진행해 주세요.

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

2. 카페24 상품 정보가 최신 버전으로 반영되지 않았을 경우 **\[새로고침]** 버튼을 클릭해 업데이트 해주세요.

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

3. 카페24 상품 연동이 만료된 경우 **\[다시 연동하기 >]** 버튼을 클릭해 재연동해 주세요.


# 디자인

{% hint style="info" %}
위젯을 최대한 효과적으로 보여주기 위해 원하는 디자인으로 설정 가능해요.\
 PC, 모바일 반응형 적용부터 크기, 위치 및 모서리 둥글기까지 세부적으로 설정해 보세요.
{% endhint %}

## 멀티 샵플레이어 위젯

<figure><img src="/files/01kgB9deC9ybR0jBJIY4" alt=""><figcaption></figcaption></figure>

1. **디자인 탭 > PC 레이아웃**에서 목록, 그리드, 슬라이드 중 원하는 레이아웃을 선택하세요.  선택한 레이아웃은 오른쪽 미리보기 영역에서 바로 확인할 수 있어요.
2. 위젯 높이를 입력해 주세요.  높이는 640px \~ 800px 범위 내에서 설정할 수 있어요.
3. 멀티 샵플레이어 위젯에 표시되는 버튼을 켜거나 끌 수 있는 옵션이에요.  비활성화하면 해당 버튼은 위젯에 표시되지 않아요.

## 플로팅 위젯

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

1. **크기 및 모양**에서 플로팅 위젯이 PC에서 처음 표시될 크기를 설정할 수 있어요. 버튼을 클릭하면 최소 ↔ 중간 크기로 전환되며, 사용자가 직접 크기를 변경할 수 있어요.
2. **모서리 모양**에서는 플로팅 위젯의 모서리를 둥글게 또는 각지게 선택할 수 있어요.
3. **위치**에서 위젯이 화면의 어느 방향에 표시될지 설정할 수 있어요. 좌우 여백과 하단 여백을 조절해 세부 위치를 지정할 수 있어요.
4. **버튼 표시**에서 플로팅 위젯에 노출되는 버튼을 켜거나 끌 수 있어요.

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

5. 모바일에서는 플로팅 위젯이 표시되는 방향만 설정할 수 있어요.  **PC와 모바일에서 설정한 위젯 위치는 서로 다를 수 있어요.**

## 슬라이드 위젯

<figure><img src="/files/8eA5QZ2uXtUjKYMmRKJj" alt=""><figcaption></figcaption></figure>

1. **상품 배너 설정 > 위치** 에서 상품 배너가 동영상 또는 상품 이미지 영역 안에 표시할지, 영역 바깥에 표시할지 선택 가능합니다.
2. **상품 배너 설정 > 배너 레이아웃**에서 상품 배너 디자인을 기본형 또는 카드형으로 선택할 수 있어요. 카드형은 상품 배너가 3개 이상인 경우 사용을 추천해요.
3. **크기 및 모양 > 동영상 모서리 모양**에서 동영상 또는 상품 이미지의 모서리 곡률을 설정할 수 있어요. 직각부터 단계별 둥근 모서리까지 선택할 수 있어요.
4. **크기 및 모양 > 동영상 설명 색**에서 위젯에 표시되는 동영상 설명 텍스트 색상을 설정할 수 있어요.
5. **크기 및 모양 > 최대 가로 길이**에서 슬라이드 위젯의 전체 가로 길이 최대 값을 설정할 수 있어요. 768px \~ 1440px 사이로 입력할 수 있어요.

<figure><img src="/files/5geHeOtlAKAkv0y7TAn4" alt=""><figcaption></figcaption></figure>

6. 슬라이드 위젯의 모바일 설정은 PC 설정 값을 기준으로 자동 적용돼요. \
   단, 모바일에서의 상품 배너는 PC 설정과 관계없이 바깥쪽에 표시합니다.


# 설정

## 멀티 샵플레이어 위젯, 플로팅 위젯 설정

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

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

1. 랜덤 재생을 활성화하면 위젯의 재생 순서가 무작위로 변경돼요. 재생 순서 목록이나 미리보기에는 랜덤 재생이 반영되지 않으며, 실제 위젯 코드에만 적용돼요.
2. 랜덤 재생을 활성화하면 재생 순서 탭에 랜덤 재생이 활성화되었음을 알려주는 힌트 박스가 표시돼요.
3. 다음 영상 자동 재생 설정을 활성화하면 영상이 끝난 후 자동으로 다음 영상이 재생돼요. 사용자가 직접 다음 영상으로 넘길 필요가 없어요.

## 슬라이드 위젯 설정

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

1. 랜덤 재생 설정을 활성화하면 위젯의 재생 순서가 무작위로 변경돼요. 재생 순서 목록이나 미리보기에는 랜덤 재생이 반영되지 않으며, 실제 위젯 코드에만 적용돼요.


# 쇼핑몰에 위젯 적용하기

찰나 서비스에서 제작한 위젯은 HTML 편집기를 지원하는 모든 자사몰 플랫폼에서 사용할 수 있습니다.

### 플로팅 위젯 적용하기

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

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

1. 위젯 목록 혹은 위젯 편집 화면에서 코드를 복사합니다.

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

2. 복사한 코드를 위젯을 추가하려는 페이지의 HTML 편집 화면에 붙여넣기 한 후 변경 사항을 저장합니다.

{% hint style="info" %}
**플로팅 위젯은 코드를 붙여넣기 한 위치와 상관없이, 찰나에서 설정한 플로팅 위젯 위치에 표시됩니다.**
{% endhint %}

### 슬라이드 위젯 / 멀티샵 플레이어 위젯 적용하기

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

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

1. 위젯 목록 혹은 위젯 편집 화면에서 코드를 복사합니다.
2. 복사한 코드를 위젯을 추가하려는 페이지의 HTML 편집 화면에 붙여넣기 한 후 변경 사항을 저장합니다.

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

{% hint style="warning" %}
**상품 상세페이지에 위젯을 적용하기 위해서는 반드시 개별 상세 페이지 제작 화면에서 위젯 코드를 추가해야 합니다.**
{% endhint %}

{% hint style="warning" %}
**\[카페24] 플랫폼 상품 상세페이지에서 위젯을 사용하시려면 반드시** [**관련 가이드 문서**](https://support.charlla.io/userguide/widget/apply-widget/widget-in-product-details)**를 참고하세요**
{% endhint %}


# \[Cafe24] 상품 상세 페이지에서 위젯 사용하기

Cafe24 상세 페이지 제작툴인 에디봇은 보안상의 이유로 외부 스크립트 삽입을 허용하지 않습니다. 이 때문에 찰나 위젯에서 복사하신 기본 코드는 사용할 수 없는데요. 에디봇에서 찰나 위젯 사용 방법을 안내해 드립니다.

1. 찰나 서비스 페이지 > "위젯" 메뉴 상단에서 "스크립트 설치" 버튼을 클릭합니다.

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

* Cafe24 플랫폼과 찰나 서비스가 연동된 계정에서만 "스크립트 설치" 메뉴를 확인할 수 있습니다.
* 위 메뉴가 보이지 않을 경우, Cafe24와 찰나 서비스 연동을 먼저 진행해 주세요.
  * 연동 방법: <https://support.charlla.io/userguide/integration>
* 스크립트 설치가 완료된 경우 서비스 페이지 하단에 "스크립트 설치가 성공적으로 설치되었습니다." 라는 메시지가 표시됩니다.

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

2. 찰나 위젯을 생성한 후, 코드를 복사합니다.

{% tabs %}
{% tab title="직접 작성에서 사용하기" %}
3\) 찰나 위젯을 사용할 상품의 수정 페이지로 이동하여 "직접 작성" 버튼을 클릭하고 HTML 모드("<>" 버튼 클릭)로 변경 합니다.

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

3. "HTML 편집 모드"에 찰나 서비스에서 복사한 위젯 코드를 붙여넣기 합니다.

{% hint style="warning" %}
**슬라이드 위젯/멀티샵플레이어 위젯은 반드시 노출하고 싶은 위치에 코드를 붙여넣기 하셔야 합니다.**
{% endhint %}

{% hint style="info" %}
**플로팅 위젯은 코드 위치와 상관없이 찰나 서비스 페이지에서 설정한 위치에 표시 됩니다.**
{% endhint %}

4. 하단에 있는 "미리보기" 버튼을 클릭해서 위젯이 적용된 화면을 확인합니다.

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

{% hint style="warning" %}
**Cafe24 플랫폼은 보안상의 목적으로 스크립트 코드 부분을 강제로 삭제하므로 편집기 화면에서는 적용결과를 확인하실 수 없습니다.**
{% endhint %}

5. "상품수정" 버튼을 클릭해서 변경 사항을 저장합니다.

<figure><img src="/files/LwUXb18DueHeDA4Qy2wZ" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="에디봇에서 사용하기" %}
3\. 찰나 위젯을 사용할 상품의 수정 페이지로 이동하여 "에디봇 수정하기" 버튼을 클릭합니다.

<figure><img src="/files/69Ih4O4pE2omq474F5dB" alt=""><figcaption></figcaption></figure>

4. 에디봇에서 찰나 위젯을 추가할 영역에 "HTML" 컴포넌트를 추가 합니다.

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

5. 찰나에서 복사한 위젯 코드를 붙여넣기 하고 "적용" 버튼을 클릭합니다.

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

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

* 적용된 이후에 "\<script>\~\</script>" 부분이 에디봇 보안 정책으로 인해 삭제되어 에디봇 화면에서는 적용된 결과를 확인할 수 없습니다.

6. "수정완료" 버튼을 클릭하고 에디봇을 종료합니다.

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

7. 상담 정보 수정 창 하단에서 "미리보기" 버튼을 클릭하면 위젯이 적용된 상세 페이지 미리보기를 확인하실 수 있습니다.

<figure><img src="/files/gtEpGA6gosY7nMePuJbT" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


# 재생목록

재생목록은 여러 개의 샵 플레이어를 묶어 만든 목록을 말해요. 신상품이나 기획전 같은 특정 주제 맞춰 선택한 샵 플레이어를 위, 아래로 스와이프하여 연속적으로 재생할 수 있어요. 자사몰에서 만든 숏폼 콘텐츠를 시청자들에게 끊임없이 전달하여 쇼핑몰 체류시간과 구매 전환을 높여보세요.

<figure><img src="/files/6nr6WgZ59ljV1CJT9ssV" alt=""><figcaption></figcaption></figure>

<table data-card-size="large" data-column-title-hidden data-view="cards"><thead><tr><th>정보</th><th></th></tr></thead><tbody><tr><td><mark style="color:purple;"><strong>정보</strong></mark></td><td><ul><li>썸네일(Thumbnail)</li><li>재생목록 제목</li><li>재생목록 생성자 </li><li>재생목록 생성일</li></ul></td></tr><tr><td><mark style="color:purple;"><strong>기능</strong></mark></td><td><ul><li>재생목록 정렬 (최신순, 오래된순)</li><li>재생목록 카드 링크 복사</li><li>재생목록 카드 코드 복사</li><li>삭제</li></ul></td></tr></tbody></table>


# 재생목록 만들기

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

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

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

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

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

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

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

<figure><img src="/files/7cvfhrDzKACtWh3Cey19" alt=""><figcaption></figcaption></figure>

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

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

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

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

## 재생목록 만들기

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

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

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

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

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

<figure><img src="/files/522NOqAIXSKJi3cWbKDT" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/01lHYg5TudGGHlhmYnWw" alt=""><figcaption></figcaption></figure>

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

## 재생목록 만들기 팝업

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

<figure><img src="/files/9WtFvFOTNpiJDxCBo6Dp" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/GifNMBhgiY0hksBfMN24" 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 %}


# 재생순서

재생목록 카드를 클릭하면 재생목록 편집페이지로 이동합니다. 재생목록 편집페이지에서 재생순서와 재생목록 크기, 레이아웃 등 디자인 요소를 설정할 수 있어요.

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

## 재생순서 변경하기

#### ✅ 개별 순서 변경하기

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

{% hint style="info" %}
동영상을 드래그하여 순서를 변경하세요.
{% endhint %}

1. 재생순서의 동영상 블럭에 마우스를 올리면 이동 가능한 상태로 변해요.\
   동영상 블럭을 마우스로 클릭한 상태로 드래그하여 위, 아래로 움직여 원하는 순서로 아이템을 바꾸세요.
2. 반드시 오른쪽 상단의 **\[저장]** 버튼을 클릭하여 변경 내용을 반영해 주세요.
3. **\[링크복사]** 또는 **\[코드복사]** 후 원하는 곳에 붙여넣기 하면 편집한 순서대로 재생되는 목록을 확인할 수 있어요.

#### ✅ **한 번에 여러개의 동영상 순서 변경하기**

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

{% hint style="info" %}
동영상 블럭 앞쪽의 체크박스를 선택하여 순서를 변경하세요.
{% endhint %}

1. 순서 변경을 원하는 동영상의 체크박스를 모두 선택해 주세요.
2. 동영상을 체크하면 상단에 **\[맨 위로 이동], \[맨 아래로 이동], \[목록에서 제외]** 버튼이 표시됩니다.\
   선택한 동영상들을 먼저 보여주고싶다면 **\[맨 위로 이동]**&#xBC84;튼을, 나중에 보여주고싶다면 **\[맨 아래로 이동]**&#xBC84;튼을 클릭하세요.
3. 동영상을 위, 아래로 이동한 후 반드시 오른쪽 상단의 **\[저장]** 버튼을 클릭하여 변경 내용을 반영해 주세요.
4. **\[링크복사]** 또는 **\[코드복사]** 후 원하는 곳에 붙여넣기 하면 편집한 순서대로 재생되는 목록을 확인할 수 있어요.

## 재생목록 제목 변경

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

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

1. 재생목록 상단의 수정 아이콘을 클릭하세요.
2. 제목 인풋박스가 활성화되면 원하는 제목을 입력해 주세요. 최대 100자까지 입력 가능해요.
3. 수정 후 인풋박스 오른쪽의 **\[저장]** 버튼을 클릭해 주세요.
4. 마지막으로 대각선 아래에 위치한 재생목록 **\[저장]** 버튼을 클릭하면 변경한 제목이 반영돼요.

## 재생목록에서 제외

**\[목록에서 제외]** 버튼은 재생목록에서 동영상을 뺄 수 있는 기능이에요. 동영상을 1개씩 제외하는 방법과, 한 번에 여러개를 제외하는 방법이 있어요.

#### ✅ **개별 동영상 제외하기**

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

1. 동영상 블럭 오른쪽에 위치한 **\[더보기]**&#xBC84;튼을 클릭해 주세요.
2. 메뉴에서 맨 아래 **\[목록에서 제외]** 버튼을 클릭하면 해당 동영상 블럭이 제외돼요. \
   제외는 '동영상 삭제'가 아니에요. 동영상은 라이브러리에 계속 남아있지만, 편집 중인 재생목록에서는 더이상 표시되지 않도록 하는 기능임을 참고해 주세요.
3. 반드시 오른쪽 상단의 **\[저장]** 버튼을 클릭하여 변경 내용을 반영해 주세요.
4. **\[링크복사]** 또는 **\[코드복사]** 후 원하는 곳에 붙여넣기하면 제외된 동영상은 재생되지 않음을 확인할 수 있어요.

#### ✅ **한 번에 여러개의 동영상 제외하기**

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

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

{% hint style="info" %}
동영상 블럭 앞쪽의 체크박스를 선택하여 순서를 변경하세요.
{% endhint %}

1. 목록에서 제외를 원하는 동영상의 체크박스를 모두 선택해 주세요.
2. 동영상을 체크하면 상단에 **\[맨 위로 이동], \[맨 아래로 이동], \[목록에서 제외]** 버튼이 표시됩니다.\
   **\[목록에서 제외]** 버튼을 클릭하면 재생순서 목록에서 동영상이 사라집니다.
3. 반드시 오른쪽 상단의 **\[저장]** 버튼을 클릭하여 변경 내용을 반영해 주세요.
4. **\[링크복사]** 또는 **\[코드복사]** 후 원하는 곳에 붙여넣기하면 제외된 동영상은 재생되지 않음을 확인할 수 있어요.

## 링크 및 코드 복사

<mark style="color:red;">`</>재생목록 코드`</mark> 와<mark style="color:blue;">`🔗재생목록 링크`</mark>로 재생목록을 활용할 수 있어요. 재생목록을 편집하고 저장한 후에 링크 및 코드 복사 버튼을 클릭하여 원하는 곳에 재생목록을 사용해 주세요.

<figure><img src="/files/303Z4npeU9o5HU7y9nUF" alt=""><figcaption></figcaption></figure>

🤔 <mark style="color:purple;">**링크랑 코드랑 뭐가 달라요?**</mark>

* <mark style="color:red;">`</> 코드`</mark> : 코드를 복사해서 주소창에 붙여넣었을 때 재생되지 않으면 <mark style="color:red;">`</>재생목록 코드`</mark>에요.\
  쇼핑몰 메인 또는 상세페이지를 HTML 코드로 제작한 경우 HTML편집에 <mark style="color:red;">`</>재생목록 코드`</mark>를 붙여넣기하여 활용할 수 있어요.&#x20;
* <mark style="color:blue;">`🔗 링크`</mark> : 링크를 복사해서 주소창에 붙여넣었을 때 브라우저 새 탭에서 플레이어가 재생되면 <mark style="color:blue;">`🔗재생목록 링크`</mark> 에요. SNS, 문자, 메일 및 링크를 지원하는 모든 곳에 공유할 수 있어요.

## 변경 취소

편집한 내용을 취소하고 싶을 때 **\[변경취소]**&#xBC84;튼을 클릭하여 마지막 최근에 저장된 상태로 돌아갈 수 있어요.

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

{% hint style="warning" %} <mark style="color:red;">변경 취소는 한 단계 전으로 돌아가기가</mark> <mark style="color:red;"></mark><mark style="color:red;">**아니에요!**</mark> \ <mark style="color:red;">예를 들어, 재생목록을 10단계에 걸쳐 변경했다고 가정해 보아요.</mark>\ <mark style="color:red;">이때, 변경 취소를 누를 경우 10단계의 변경 사항이</mark> <mark style="color:red;"></mark><mark style="color:red;">**모두 취소**</mark><mark style="color:red;">되고</mark> <mark style="color:red;"></mark><mark style="color:red;">**가장 최근 저장 상태**</mark><mark style="color:red;">로 돌아가요.</mark>
{% endhint %}


# 설정

재생목록 카드를 클릭하면 재생목록 편집페이지로 이동합니다. 재생목록 편집페이지에서 재생순서와 재생목록 크기, 레이아웃 등 디자인을 설정할 수 있어요.

## 재생 설정

재생 중인 동영상이 끝나면 다음 순서 영상을 자동으로 재생해요.

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

## 디자인

재생목록은 최적의 숏폼 시청과 쇼핑 경험을 제공할 수 있도록 모바일 / PC 화면이 달라요. 모바일인 경우 항상 동일한 형태로 표시 되지만, PC인 경우 숏폼과 상품 목록의 '배치 방식'을 선택할 수 있어요.

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

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

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

1. \[설정 탭] > \[디자인]에서 목록, 그리드, 슬라이드 레이아웃 중 하나를 클릭하세요.\
   선택한 레이아웃은 페이지 미리보기에서 자세히 볼 수 있어요.
2. 쇼핑몰과 비슷한 환경에서 재생목록을 미리보고 싶다면, 상단의 **\[미리보기]** 버튼을 클릭하세요.\
   -> [**새창으로 미리보기**](#window-preview) 로 이동하여 더 자세히 알아보기&#x20;
3. 디자인 탭에서 수정사항이 생기면 메뉴 상단 배경이 어둡게 변경되며 **\[미리보기]**, **\[변경취소]**, **\[저장하기]** 버튼이 표시돼요. **\[저장하기]** 버튼을 클릭하여 선택한 PC 레이아웃을 반영해 주세요.
4. **\[링크복사]** 또는 **\[코드복사]** 후 원하는 곳에 붙여넣기 한 다음, PC에서 재생목록을 확인해 보세요.&#x20;

{% hint style="info" %}

* <mark style="color:purple;">페이지에서 표시되는 PC 미리보기는</mark> <mark style="color:purple;"></mark><mark style="color:purple;">**페이지내 미리보기 너비로 표시돼요.**</mark> <mark style="color:purple;"></mark><mark style="color:purple;">따라서, 실제 쇼핑몰 페이지에 적용한 상태와</mark> <mark style="color:purple;"></mark><mark style="color:purple;">**다를 수 있어요.**</mark>
* <mark style="color:purple;">실제 쇼핑몰 페이지에서 재생목록이 들어가는 영역의 '너비'에 따라 레이아웃 별로 보여지는 상품의 개수가 달라져요. 미리보기와 실제 적용된 상태가 다르다면, '너비'가 다를 가능성이 높아요.</mark>
* <mark style="color:purple;">너비에 따라 달라지는 재생목록을 확인하고 싶다면? -> 브라우저의 크기를 조절하거나,</mark> [**새창으로 미리보기**](#window-preview)<mark style="color:purple;">로 이동하세요.</mark>&#x20;
  {% endhint %}

#### 목록 타입

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

* 목록은 상품 목록 1줄에 1개의 상품 썸네일을 수직으로 배치한 디자인이에요.
* 목록을 스크롤하며 쉽고 빠르게 필요한 정보를 얻을 수 있어요.
* &#x20;특히 책이나 건강 보조식품에 목록형 레이아웃 사용을 추천드려요. 각 상품의 제목, 가격, 크기, 주요 특징 등을 일렬로 나열하여, 고객이 상품을 더 편리하게 비교할 수 있어요.

#### 그리드 타입

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

* 그리드는 상품을 격자로 나열한 디자인이에요. 최대 4\~6개의 썸네일이 표시될 수 있어요. 한 번에 많은 썸네일이 표시되기 때문에 페이지 공간 활용이 가장 좋아요.
* 고객이 여러 상품을 동시에 볼 수 있어요. 따라서, 상품 간의 '차이점'이나 '조화'를 보여주고 싶을 때 적용해 보세요.
* 매치가 중요한 악세사리, 패션, 인테리어 상품을 쇼핑몰 메인에 게시할 때 활용할 수 있어요.

#### 슬라이드 타입

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

* 슬라이드는 상품 목록 1줄에 2\~3개의 썸네일을 크게 배치하여 좌우 버튼으로 목록을 넘길 수 있는 디자인이에요.
* 소수의 상품만 게시하여 메인 상품이나 시즌별 컬렉션을 강조할 때 효과적이에요.

## 크기(높이) 설정하기

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

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

'높이'를 설정하여 재생목록의 크기를 조절할 수 있어요. 기본으로 설정된 높이는 640px이에요. PC에 샵 플레이어 재생목록을 최적으로 시청할 수 있는 높이를 설정했어요. 샵 플레이어 높이를 변경하고 싶다면, 아래 방법을 참고해주세요.

1. **\[디자인 탭] > \[크기 설정]** 메뉴에서 높이 인풋박스의 숫자를 변경해 주세요.\
   기본 640px로 입력되어 있으며, 샵 플레이어 크기가 커지길 원한다면 그 이상의 숫자를 입력해 주세요. \
   최소 520px \~ 최대 800px 범위까지 입력할 수 있어요. 최소, 최대 입력 범위를 벗어나면, 가까운 최소값, 최대값으로 바뀌어요. 예를들면, 300px을 입력한 경우 520px로 변경돼요. 재생목록 크기가 너무 작아지거나 너무 커지면 사
2. 페이지 내에서는 높이 변경을 미리볼 수 없어요. 상단의 **\[미리보기]** 버튼을 클릭하세요. 쇼핑몰과 최대한 비슷한 환경에서 높이를 확인할 수 있어요.\
   -> [**새창으로 미리보기**](#window-preview) 로 이동하여 더 자세히 알아보기
3. 디자인 탭에서 수정사항이 생기면 메뉴 상단 배경이 어둡게 변경되며 **\[미리보기]**, **\[변경취소]**, **\[저장하기]** 버튼이 표시돼요. **\[저장하기]** 버튼을 클릭하여 높이를 반영해 주세요.
4. **\[링크복사]** 또는 **\[코드복사]** 후 원하는 곳에 붙여넣기 한 다음, PC에서 재생목록을 확인하세요.

## 미리보기

#### 페이지 내 미리보기

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

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

1. 페이지 내에서 제공하는 미리보기 화면으로 디자인 메뉴에서 선택한 설정을 확인할 수 있어요.
2. 상단 탭을 클릭하여 PC와 모바일 화면을 번갈아 확인해 보세요.
3. \[크기설정] > 높이에 숫자를 변경하더라도, 페이지 내 미리보기에서는 적용되지 않아요. 크기 설정에서 입력한 높이를 정확히 확인하고 싶다면 ->[**새창으로 미리보기**](#window-preview)로 이동하세요.

#### 새창 미리보기 <a href="#window-preview" id="window-preview"></a>

{% hint style="warning" %} <mark style="color:red;">**Q: 새창 미리보기에서 '너비'는 조절할 수 있는데 '높이'는 왜 조절할 수 없나요?**</mark>\
A: '너비'는 찰나 재생목록에서 결정하는 디자인 속성이 아니기 때문이에요. **재생목록의 너비는 고객님이 운영하는 쇼핑몰에서 지정한 콘텐츠 영역의 너비에 따라 달라져요.** 예를 들어, 쇼핑몰에서 상품 썸네일(=콘텐츠) 4개가 들어간 영역의 너비가 1200px 가정해 보아요. 그렇다면, 재생목록의 너비도 1200px로 설정돼요. 이 너비는 각 쇼핑몰마다 다르기 때문에 재생목록의 디자인 속성에서 고정할 수 없어요. 만약, 찰나 디자인 속성에서 **너비를 고정하면, 모바일 화면으로 보아도 반응형이 적용되지 않아요.** 즉, 모바일로 쇼핑몰에 접속한 소비자에게 PC 버전으로 숏폼과 상품목록이 표시되어 시청에 영향을 줄 수 있어요.

따라서, 새창 미리보기로 실제 쇼핑몰 화면과 최대한 가깝게 표시되는 재생목록을 보고, 저장하고, 코드 붙여넣기 했을 때 한 번에 만족하실 수 있도록 너비 조절 기능을 제공해 드렸다는 점 참고해 주세요!&#x20;
{% endhint %}

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

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

1. 디자인 메뉴영역 상단의 **\[미리보기] 버튼**을 클릭하세요. 미리보기 화면이 새창으로 표시됩니다. 쇼핑몰 환경과 가장 비슷한 환경에서 설정한 재생목록 디자인을 미리볼 수 있어요.
2. 브라우저 크기를 조절하여 반응형 재생목록을 확인해 보세요. 브라우저의 크기가 상단에 표시됩니다.\ <mark style="color:purple;">**브라우저 크기가 767px이 되는 순간, 콘텐츠 영역 너비와 관계 없이**</mark> 재생목록 모바일 모드가 표시돼요.
3. 찰나 재생목록은 고객 쇼핑몰에서 지정한 콘텐츠 영역 너비를 자동으로 감지하고, 이에 따라 샵플레이어와 상품 목록의 배치를 최적화하고 있어요.\
   콘텐츠 영역 너비는 쇼핑몰마다 달라요. 따라서 새창 미리보기에서도 콘텐츠 영역 너비를 자유롭게 변경할 수 있어요. 너비 입력칸에 쇼핑몰 메인에서 썸네일이 차지하는 너비(가로길이)와 비슷한 숫자를 입력하고 재생목록이 어떻게 표시되는지 미리 가늠해 보세요. 콘텐츠 영역 너비를 767px 이하로 입력하면, 모바일 모드가 표시돼요.


# 통계

통계탭에서는 라이브러리 모든 동영상의 통계를 합산하고, 분석한 자료를 볼 수 있어요. 각 비디오, 커머스 통계별로 동영상 순위 Top 10을 확인하세요. 비교일을 추가하여 주 별, 월 별 추이도 비교할 수 있어요.

[통계 알아보기](/userguide/statistics/intro)

[비디오-로드수 통계](/userguide/statistics/load)

[비디오-업로드 통계](/userguide/statistics/upload)

[커머스-상세페이지 전환율 통계](/userguide/statistics/conversion)

[커머스-시청자 참여수 통계](/userguide/statistics/share)


# 통계 알아보기

라이브러리 통계를 더 정확하게 분석하기 위해 조회기간에 해당하는 기준일, 비교일과 그래프에 대한 정보를 확인하세요.

## 기준일

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

* 기준일은 통계가 집계되는 기간을 의미합니다.
* 기본적으로 해당 월의 1일 \~ 현재일까지 표시됩니다.
  * <mark style="color:purple;">로드 수 통계를 조회한 당일이 3월 15일 이라면, 기준일은 3월 1일 \~ 3월 15일로 설정되어 있습니다.</mark>
* 기준일 셀렉트 박스를 클릭하여 조회 기간을 변경하세요.

## 비교일 추가하기

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

* 기준일 옆에 \[비교일 추가]버튼을 클릭하여 비교 기간을 추가하세요.
* 비교 기간을 추가하면 기준일과 비교일 두 개의 그래프가 표시됩니다.
* 두 기간은 색상으로 구분됩니다.
* 그래프 점 위에 마우스 커서를 올리면 표시된 2개의 그래프 모두 날짜별 통계가 표시됩니다.

## 그래프

* 통계 조회 기간에 따라 달라지는 데이터를 시각적으로 확인하세요.
* 그래프 점 위에 마우스를 오버하여 날짜별 통계를 확인하세요.


# 로드 수 통계

## 플레이어 로드 수

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

* 기준일에 설정한 기 동안 발생한 디스플레이어, 샵플레이어, 재생목록 로드 수의 합계입니다.
* 하단 표에서 설정된 기준일 기간 동안 로드 수가 가장 많이 발생한 동영상을 순위대로 표시합니다.&#x20;
* 비교일을 추가하는 경우, 표 상단의 셀렉트 박스를 선택해서 해당 기간의 로드 수 높은 동영상을 확인 할 수 있습니다.


# 동영상 수 통계

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

* 그래프에서 날짜별로 고객이 업로드한 동영상 개수를 표시합니다.
* 하단 표에서 기준일에 설정한 기간 동안 업로드 된 동영상 목록을 표시합니다.
* 비교일을 추가하는 경우 표 상단의 날짜 셀렉트 박스를 클릭하면 해당 기간에 업로드 된 동영상이 표시됩니다.


# 배너 전환율 통계

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

{% hint style="danger" %} <mark style="color:red;">**샵플레이어가 활성화 된 동영상만 통계에 포함됩니다.**</mark>

<mark style="color:red;">**샵플레이어는 베이직 플랜 이상만 사용할 수 있습니다.**</mark>
{% endhint %}

* 시청자가 기준일에 설정한 기간 동안 샵 플레이어를 시청하며 플레이어 하단에 표시되는 상품 배너를 클릭한 수를 표시합니다.
* \[샵 플레이어 로드 수 합계] ÷ \[배너 클릭 수] = 상세페이지 전환율(%) 공식으로 계산됩니다.
* 상세페이지 전환율 탭에 기준일 기간에 조회된 전체 샵플레이어의 전환율이 표시됩니다.


# 커머스-시청자 참여수 통계

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

{% hint style="danger" %} <mark style="color:red;">**샵플레이어가 활성화 된 동영상만 통계에 포함됩니다.**</mark>

<mark style="color:red;">**샵플레이어는 스탠다드 플랜 요금제 이상만 사용할 수 있습니다.**</mark>
{% endhint %}

* 시청자가 샵 플레이어에서 좋아요 버튼, 링크 공유하기 버튼을 클릭한 수를 표시합니다. (모바일 포함)
* 시청자 참여수 탭에 기준일 기간에 조회된 전체 샵플레이어의 시청자 참여수가 표시됩니다.
* 하단 표에서 기준일 기간에 조회된 동영상을 표시합니다. 좋아요, 공유 개수도 각각 확인할 수 있어요.
* 비교일을 추가하는 경우 그래프가 기준일, 비교일 각각 표시됩니다.


# 플랜 구독 및 결제

[찰나 구독 이해하기](/userguide/plan/intro)

[결제 수단](/userguide/plan/payment)

[유료 플랜 구독](/userguide/plan/plan)

[플랜 변경](/userguide/plan/change)

[환불](/userguide/plan/refund)


# 찰나 구독 이해하기

## 플레이어 로드 수 정의 <a href="#undefined" id="undefined"></a>

* 찰나의 과금 기준인 '플레이어 로드'는 영상의 '클릭(재생)' 횟수가 아닙니다. 쇼핑몰 방문자의 화면에 찰나 플레이어가 보여질 준비(로딩)가 완료된 횟수를 의미합니다.
* 소비자가 쇼핑몰 페이지에 접속할 때, 동영상 플레이어가 '로드'되며, 이 경우 동영상이 재생되지 않더라도 로드 수는 1로 계산됩니다. (플레이어 설정이 자동재생 off된 경우에도 플레이어 '로드' 수는 1로 계산됩니다.)
* 플레이어가 1번 로드된 이후, 페이지를 새로고침 하지 않은 채로 동영상이 100번 반복재생 되어도 로드 수는 1번으로 계산됩니다.
* 쇼핑몰에서 발생한 찰나 플레이어 로드수가 구독에서 제공하는 로드수의 80%, 100%에 도달하면 서비스 내 알림으로 안내해 드려요.

⚠️ 주의: 방문자 수(PV)와 로드 수는 다릅니다! 방문자가 1명이더라도, 한 페이지에 여러 개의 영상이 있다면 로드 수는 영상 개수만큼 발생할 수 있습니다.

## 초과 금액 <a href="#undefined" id="undefined"></a>

* 찰나 플랜별로 제공하는 기본 로드수를 초과했을 때의 동작은 고객이 직접 설정할 수 있습니다. **\[허용]** 상태이면 동영상이 계속 재생되며 초과 금액이 부과되고, **\[제한]** 상태이면 동영상 재생이 중단되어 초과 금액이 발생하지 않습니다. 설정 방법은 \[[초과 로드수 설정](/userguide/plan/overage-control)]을 참고하세요.
* 초과 로드수 허용 상태에서 사용한 로드 수가 100%를 초과하여 초과 금액이 부과되는 시점에 서비스 내 알림으로 안내드려요.
* 초과 금액은 **다음 달** 결제일에 초과금액, 플랜 구독료가 각각 청구되어 시간차를 두고 결제됩니다.
* 플랜 즉시 업그레이드 기능을 이용하면 즉시 업그레이드 플랜이 적용되어 다음 달 결제일에 초과 로드수 과금 발생하는 것을 방지할 수 있습니다. 즉시 업그레이드 방법은 \[[즉시 플랜 업그레이드](/userguide/plan/instant-upgrade)]를 참고하세요.

## 불필요한 로드 수 발생을 최소화 하는 방법 <a href="#undefined" id="undefined"></a>

상세페이지에 영상을 여러 개 배치할 경우, Lazy Loading(지연 로딩) 설정을 켜두시면 불필요한 과금을 막고 페이지 속도도 높일 수 있습니다.\[상황 예시] 상세페이지의 상단, 중단, 하단에 각각 영상이 1개씩, 총 3개 배치되어 있다고 가정해 보겠습니다.

| 구분     | Lazy Loading 미적용                                    | Lazy Loading 적용 (권장)                                |
| ------ | --------------------------------------------------- | --------------------------------------------------- |
| 동작 방식  | 방문자가 페이지에 접속하자마자 영상 3개를 한꺼번에 모두 로딩합니다.              | 방문자가 스크롤을 내려 영상 위치에 도달했을 때 비로소 해당 영상을 로딩합니다.        |
| 로드수 집계 | 방문자가 맨 위 영상만 보고 나가더라도 이미 다 로딩되었으므로 **3 로드**가 차감됩니다. | 방문자가 맨 위 영상만 보고 나가면 아래 2개는 로딩되지 않아 **1 로드**만 차감됩니다. |
| 결과 차이  | <p>불필요한 비용 발생<br>페이지 로딩 속도 느림</p>                   | <p>비용 절약 (최대 1/3)<br>페이지 로딩 속도 빠름</p>               |

{% hint style="info" %}
찰나에서 제공하는 코드는 모두 Lazy Loadng이 적용되어 있습니다.
{% endhint %}

{% hint style="info" %}
Video Tag는 기술 표준상 Lazy Loading을 지원하지 않습니다.
{% endhint %}


# 초과 로드수 설정

구독 플랜의 기본 제공 로드수를 모두 소진했을 때 동영상을 계속 재생할지(허용), 중단할지(제한) 직접 설정할 수 있습니다. 허용 상태에서는 초과 로드수에 대한 추가 요금이 발생하며, 제한 상태에서는 초과 요금 없이 영상이 썸네일로 대체됩니다. 초과 로드수가 이미 발생한 경우 비활성화 예약을 통해 다음 달부터 제한 상태로 전환할 수 있습니다.

찰나는 구독 플랜의 기본 제공 로드수를 모두 사용한 이후의 동작 방식을 고객이 직접 설정할 수 있습니다.

***

### 허용 / 제한 상태 이해하기

| 상태     | 초과 시 동영상       | 초과금 발생          |
| ------ | -------------- | --------------- |
| **허용** | 계속 정상 재생       | 발생함 (다음 결제일 청구) |
| **제한** | 썸네일 이미지로 대체 표시 | 발생하지 않음         |

{% hint style="info" %}
상태를 변경한 후 실제 쇼핑몰 플레이어에 반영되기까지 최대 5분이 소요될 수 있습니다.
{% endhint %}

***

### 기본(디폴트) 설정값

* **Lite / Basic / Standard / Enterprise 플랜**: 기본값 **\[제한]**
* **프로모션(무료) 플랜**: 기본값 **\[허용]** (변경 불가)

{% hint style="info" %}
무료 체험 기간 동안에 발생한 초과 로드수는 과금 대상이 아닙니다. 무료 체험 기간동안은 비용 부담없이 마음껏 활용해 보세요!
{% endhint %}

***

### 설정 방법

**\[상단 프로필] > \[결제 관리] > \[구독 플랜]** 에서 초과 로드수 허용/제한 토글을 설정할 수 있습니다.

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

로드수가 **80%** 또는 **100%** 에 도달한 시점에 콘솔에 접속하면 초과 로드수 설정 안내 모달이 자동으로 표시됩니다.

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

설정 권한은 **대표 운영자(관리자)** 에게만 있습니다.

***

### 초과 로드수가 이미 발생한 경우

이미 이번 달 초과 로드수가 발생한 상태에서는 **\[허용] → \[제한]으로 즉시 변경이 불가**합니다.

다음 달부터 \[제한] 상태로 변경하고 싶다면 **비활성화 예약** 기능을 이용하세요. 예약은 현재 구독 기간 내에 취소 가능하며, 다음 결제일이 도래하면 예약된 \[제한] 상태가 자동으로 적용됩니다.

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

***

### 제한 상태에서 로드수 초과 시 화면 처리

\[제한] 상태에서 기본 제공 로드수를 모두 소진하면 쇼핑몰 방문자 화면에서 동영상 대신 아래와 같이 표시됩니다.

* **일반 플레이어 (Displayer / ShopPlayer / 위젯)**: 영상 대신 썸네일(Poster) 이미지가 표시됩니다.
* **썸네일 플레이어**: 영상이 비표시 처리되어 뒤에 배치된 상품 이미지가 노출됩니다.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FqAcbP9ucqCllhrrISTVR%2Fcharlla_NewPolicy.mp4?alt=media&token=634e6087-83a6-48b7-9ac5-f93cd3911f1a>" %}

찰나는 1시간 단위로 사용량을 집계합니다. 집계 주기 내에 기본 제공 로드수를 초과한 경우, 해당 주기 안에서 발생한 초과분은 과금 대상에서 제외됩니다.


# 결제 수단

## 신용카드 <a href="#undefined" id="undefined"></a>

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

회원가입 시, 등록한 '신용카드' 정보로 매 월 플랜 구독이 자동 연장됩니다. 결제 정보 수신 이메일을 입력해 주시면 결제 성공 또는 실패 결과를 메일로 보내드립니다. [\[->결제 정보 수신 이메일 등록하기\]](/userguide/plan/plan#undefined-3)

## 결제카드 변경 <a href="#undefined" id="undefined"></a>

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

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

1. \[상단 프로필] > \[결제 관리] > \[결제 수단]으로 이동합니다.&#x20;
2. \[결제 수단] > \[변경] 버튼을 클릭합니다.
3. \[결제 카드 등록 팝업]에서 변경할 카드 정보를 입력하고 **\[재등록]** 버튼을 클릭하면, 다음 결제일부터 변경된 카드로 결제됩니다.


# 유료 플랜 구독

구독 기간

찰나는 월 구독으로 결제가 진행되며, 매월 같은 날짜에 등록한 카드로 자동 결제됩니다.

## 구독일 <a href="#undefined" id="undefined"></a>

* 무료체험 후 자동으로 플랜 구독이 연장되며, 무료 체험 시작일 = 결제일로 지정됩니다.
* 구독이 갱신되는 자동 결제일은 첫 결제일 날짜와 같습니다.
  * <mark style="color:purple;">3월 10일에 결제를 시작하는 경우, 다음 결제일은 4월 10일 입니다.</mark>
* 결제일이 28\~31일 사이인 경우 구독일이 매월 마지막날로 고정됩니다.

  * <mark style="color:purple;">3월 28일에 베이직 플랜 결제를 시작하는 경우, 다음 결제일은 4월 30일 입니다.</mark>\ <mark style="color:purple;">이때, 구독 기간은 3/28 \~ 4/29까지 총 33일이며, 33일치의 일할 요금이 청구됩니다. 플레이어 로드 수 역시 33일 사용량이 예외적으로 제공됩니다.</mark> \ <mark style="color:purple;">- 베이직 요금제 계산법 : (70,000/30)\*33 = 77,000원</mark>\ <mark style="color:purple;">- 플레이어 로드수 계산법 : (50,000/30)\*33 = 52,000회</mark>\ <mark style="color:purple;">다다음 결제일인 5/31부터는 정상적으로 한 달 구독기간(4/30 \~ 5/30)이 적용되어 basic 플랜의 원래 구독료인 70,000원이 결제 됩니다. 플레이어 로드 수는 50,000회 제공됩니다.</mark>

## 초과 금액 <a href="#undefined" id="undefined"></a>

* 찰나 플랜별로 제공하는 기본 로드 수를 초과하면 동영상은 끊기지 않지만, 초과 금액이 부과됩니다.
* 사용한 로드 수가 100%를 초과하여 초과 금액이 부과되는 시점에 찰나 내 알림과 이메일로 안내드립니다.
* 초과 금액은 **다음 달** 결제일에 초과금액, 플랜 구독료가 각각 청구되어 시간차를 두고 결제됩니다.

## 결제 정보 이메일 등록 <a href="#undefined" id="undefined"></a>

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

* 결제 정보 이메일을 등록하면 결제 성공 또는 실패 결과가 메일로 안내됩니다. 자주 쓰는 이메일을 꼭 입력해 주세요.
* 이메일이 등록되어 있지 않으면 결제 성공/실패 이메일을 받을 수 없어요.

1. 회원가입 시 등록 방법\
   \[결제 카드 등록 팝업] > \[결제용 이메일 칸 입력] > \[등록 버튼]
2. 회원가입 후 등록 방법\
   \[상단 프로필] > \[계정 관리] > \[계정 관리 페이지] > \[결제용 이메일 칸 입력] > \[저장하기 버튼]

## 구독일 변경 <a href="#undefined" id="undefined"></a>

구독일 변경이 필요한 경우 찰나 1:1 채팅으로 문의해 주세요.

## 구독 해지 <a href="#unsbscribe" id="unsbscribe"></a>

* 찰나 플랜을 업그레이드하거나 다운그레이드 하면 변경된 플랜의 기본 제공량과 기능은 **다음 달부터 사용**할 수 있어요.
* 구독 해지는 언제든지 가능하지만, 결제 안정성을 위해 다음 결제일 전날 cs운영시&#xAC04;**(18시)**&#xC774;후 \~ 결제 당일 결제 발생 전까지는 구독 해지를 **신청할 수 없으니** 유의해 주세요.

1. \[상단 프로필] > \[결제 관리] > \[결제 관리 페이지]로 이동합니다.&#x20;
2. \[결제 카드 영역] > \[구독해지 버튼]을 클릭합니다.

&#x20;


# 플랜 변경

* 찰나 플랜은 직접 업그레이드 하거나 다운그레이드 하실 수 있어요.

  > **다운그레이드**는 다음 달 결제일부터 적용됩니다. **업그레이드**는 다음 달부터 적용하거나, 즉시 업그레이드를 통해 지금 바로 적용할 수 있습니다. 즉시 업그레이드에 대한 자세한 내용은 \[[즉시 플랜 업그레이드](/userguide/plan/instant-upgrade)]를 참고하세요.
* 다음 결제일 전까지 플랜 변경 신청 횟수에는 제한이 없어요. 가장 마지막에 선택한 플랜이 **다음 달**에 적용됩니다. 비즈니스 규모에 맞는 찰나 플랜을 자유롭게 업그레이드, 다운그레이드 신청하세요.
* 플랜 변경은 언제든지 가능하지만, 결제 안정성을 위해 다음 결제일 전날 cs운영시&#xAC04;**(18시)**&#xC774;후 \~ 결제 당일 결제 발생 전까지는 구독 해지를 **신청할 수 없으니** 유의해 주세요.

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

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

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

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

1. \[상단 프로필] > \[결제 관리] > \[결제 관리]로 이동합니다.&#x20;
2. \[구독 플랜] > \[플랜 선택]을 클릭합니다.
3. \[가격 안내] > \[플랜 선택]을 클릭하여 **다음 달**부터 적용될 플랜을 예약할 수 있습니다.
4. 플랜 변경을 예약하면 \[결제 관리] > \[구독 플랜]에 예약 배너가 표시됩니다.

&#x20;

{% hint style="info" %}
결제일 당일 09:00 \~ 10:10 사이에는 정산 처리로 인해 모든 플랜 변경(즉시 업그레이드 포함)이 일시적으로 제한됩니다. 정산 완료 이후부터 다시 이용하실 수 있습니다.
{% endhint %}


# 즉시 플랜 업그레이드

Lite 또는 Basic 플랜 구독 중 더 많은 로드수가 필요하다면 다음 결제일을 기다리지 않고 즉시 상위 플랜으로 업그레이드할 수 있습니다. 현재 플랜과의 차액(부가세 포함)만 결제하면 변경된 플랜이 바로 적용되며, 이후 정기 결제도 새 플랜 기준으로 진행됩니다.

초과금 발생을 줄이거나 더 많은 로드수가 필요한 경우, 다음 결제일을 기다리지 않고 **지금 바로** 플랜을 업그레이드할 수 있습니다. 차액만 결제하면 즉시 상위 플랜이 적용됩니다.

{% hint style="info" %}
다운그레이드는 기존과 동일하게 다음 결제일에 예약 적용됩니다.
{% endhint %}

***

### 즉시 업그레이드 가능 대상

카드 결제 고객 중 **Lite 또는 Basic 플랜** 구독자가 이용 가능합니다.

| 현재 플랜    | 현재 로드수           | 가능한 액션                   |
| -------- | ---------------- | ------------------------ |
| Lite     | 25만 이하           | Basic 또는 Standard로 업그레이드 |
| Lite     | 25만 초과 \~ 80만 이하 | Standard로 업그레이드          |
| Lite     | 80만 초과           | 채팅상담으로 문의                |
| Basic    | 80만 이하           | Standard로 업그레이드          |
| Basic    | 80만 초과           | 채팅상담으로 문의                |
| Standard | -                | 채팅상담으로 문의                |

***

### 요금 계산 방식

즉시 업그레이드 시 **현재 플랜과 상위 플랜의 구독료 차액에 부가세(10%)가 적용**되어 결제됩니다. 일할 계산은 적용되지 않습니다.

* Lite → Basic: (₩70,000 − ₩30,000) × 1.1 = **₩44,000**
* Lite → Standard: (₩150,000 − ₩30,000) × 1.1 = **₩132,000**
* Basic → Standard: (₩150,000 − ₩70,000) × 1.1 = **₩88,000**

{% hint style="info" %}
소수점 금액이 발생하는 경우 절삭 처리됩니다. (예: ₩123.7 → ₩123)
{% endhint %}

업그레이드 이후에도 해당 구독 기간 중 변경된 플랜 기준으로 초과 로드수가 발생한 경우, 초과금은 기존과 동일하게 다음 정기 결제일에 청구됩니다.

***

### 업그레이드 방법

**Step 1.** \[상단 프로필] > \[결제 관리] > \[구독 플랜] > \[플랜 선택]으로 이동합니다.

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

**Step 2.** 가격 안내 화면에서 업그레이드할 플랜을 선택합니다. 이때 **\[다음 달부터 적용]** 과 **\[지금 바로 업그레이드]** 중 **\[지금 바로 업그레이드]** 를 선택합니다.

<figure><img src="/files/8GN0jbuziyp3xnXYKCrA" alt=""><figcaption></figcaption></figure>

**Step 3.** 결제 수단을 확인하고 업그레이드를 완료합니다. 기존에 등록된 카드가 기본 결제 수단으로 적용되며, 이 과정에서 카드 정보를 변경하면 이후 정기 결제에도 동일하게 적용됩니다.

<figure><img src="/files/33H8bOhgpE1PQeFyJ3OY" alt=""><figcaption></figcaption></figure>

로드수가 **80%** 또는 **100%** 에 도달한 시점에 콘솔에 접속하면 즉시 업그레이드 안내 모달이 자동으로 표시됩니다.

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

{% hint style="info" %}
설정 권한은 **대표 운영자(관리자)** 에게만 있습니다.
{% endhint %}

***

### 주의사항

{% hint style="info" %}
️결제일 당일 **09:00 \~ 10:10** 사이에는 정산 처리로 인해 즉시 업그레이드를 포함한 모든 플랜 변경이 일시적으로 제한됩니다. 정산 완료 이후부터 다시 이용하실 수 있습니다.
{% endhint %}


# 환불

찰나는 언제든지 플랜을 해지할 수 있으며, 이 경우 다음 결제 하루 전까지 찰나를 계속 이용할 수 있어요.

[\[->구독해지 바로가기\]](/userguide/plan/plan#unsbscribe)

다만, 예외적 전액 환불에 해당하는 경우와 찰나의 고의 또는 과실로 인한 환불 의무를 제외하고, 유료 플랜을 이용하지 않은 기간에 대한 환불 또는 크레딧은 제공되지 않아요. 다만, 예외적 전액 환불에 해당하여 해지를 요청하는 경우, 플랜 구독이 즉시 종료되며 찰나 계정 또한 탈퇴 처리 됩니다.

## 예외적 전액 환불  <a href="#undefined" id="undefined"></a>

* 전액 환불이란 결제 시 사용했던 결제수단으로 100% 결제금을 돌려받는 것을 의미해요. 아래의 조건에 모두 해당되는 고객에게 예외적 전액 환불이 가능해요.
  * 하나, 플랜 결제 발생 이후 **7일 이내에 환불 요청을 하는 경우**
  * 둘, 플랜 결제 발생 이후 모든 내역에 대해 **7일 이내 전혀 사용하지 않은 경우** 해당됩니다.
    * '전혀 사용하지 않은 경우'는 아래 두가지 입니다. 두가지 모두 해당하는 계정임을 확인 한 후에 환불이 진행될 예정이에요.

      1\. 동영상 1개도 업로드 하지 않은 경우\
      2\. 디스플레이어, 샵플레이어 모두 플레이어 로드 수가 1회도 발생하지 않은 경우
* 예외적 전액 환불 이후에는 플랜 구독이 즉시 종료되며 찰나 계정 또한 탈퇴 처리 됩니다.

&#x20;


# 연동

## 카페24와 연동하기

{% hint style="warning" %}

* <mark style="color:red;">이미 찰나를 설치한 카페24 계정과는 연동할 수 없어요.</mark>
* <mark style="color:red;">입력하신 대표 운영자 ID가 카페24에 존재하지 않을 경우 다음 단계가 진행되지 않아요.</mark>
* <mark style="color:red;">한 번 커머스 플랫폼을 연동하면 연동 해제 할 수 없으니 꼭 필요한 경우만 연동해 주세요.</mark>
  {% endhint %}

<figure><img src="/files/bfR0m3EoH49mmU7on8Gn" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="warning" %} <mark style="color:red;">입력하신 대표 운영자 ID가 카페24에 존재하지 않을 경우 다음 단계가 진행되지 않아요.</mark>
{% endhint %}

1. 프로필 > 계정관리 > 연동탭으로 이동하세요.
2. 카페24 카드에서 ‘연동하기’ 버튼을 클릭하세요.
3. 아이디 입력 페이지에 찰나와 연동을 원하는 카페24 ID를 입력하세요. 반드시 ‘대표 운영자' ID를 입력해 주세요.
   1. 카페24 앱 설치와, 연동은 '대표운영자 계정'만 할 수 있어요.

<figure><img src="/files/lrYq3swLc9EK4w5uPRmH" alt="" width="375"><figcaption></figcaption></figure>

➡️ **\[이미 카페24 로그인이 되어 있는 경우]**

카페24 앱 설치화면에서 ‘동의함' 버튼을 클릭해 주세요.

➡️️ **\[카페24 로그인이 되어 있지 않은 경우]**

1. 카페24 ‘대표운영자’계정으로 로그인 해주세요.
2. 카페24 앱 설치화면에서 ‘동의함'버튼을 클릭해 주세요.

연동이 완료되면 팝업으로 표시됩니다. 커머스 플랫폼 연동은 최대 1개만 가능합니다.

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

계정 관리 페이지의 이메일과 이용중인 커머스 플랫폼에서도 연동정보를 확인할 수 있어요.

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

{% hint style="warning" %} <mark style="color:red;">이미 찰나를 설치한 카페24 계정과는 연동할 수 없어요.</mark>
{% endhint %}

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


# 상세페이지\_대표이미지\_썸네일플레이어\_적용

{% hint style="warning" %}

* <mark style="color:orange;">**Cafe24 기반 쇼핑몰의 상세 페이지 상품 대표이미지 영역에 찰나 썸네일 플레이어를 적용하는 방법입니다.**</mark>
* <mark style="color:orange;">**일부 쇼핑몰 스킨에서 동작에 이상이 있을 경우, 채팅 상담으로 문의해 주시면 바로 대응해 드리겠습니다.**</mark>
  {% endhint %}

Cafe24 기반 쇼핑몰의 상품 상세(메인) 페이지에서 썸네일 플레이어를 사용하는 방법을 안내합니다.

{% stepper %}
{% step %}

## 찰나 썸네일 플레이어 스크립트 확인

\[이미지 업로드 필요 — 계정관리 메뉴에서 스크립트 확인 화면]

1-1. 찰나 썸네일 플레이어 스크립트를 확인하세요.

1-2. 쇼핑몰 ID는 **찰나 서비스 페이지 > 계정관리** 메뉴에서 확인하실 수 있습니다.
{% endstep %}

{% step %}

## Layout Header 영역에 스크립트 붙여넣기

\[이미지 업로드 필요 — 디자인 편집 화면 진입 (첨부파일 1번)]

2-1. 쇼핑몰 대표 관리자로 로그인하신 후 디자인 편집 화면으로 이동하세요. 첨부파일 1번 화면으로 진입하실 수 있어요.

\[이미지 업로드 필요 — 레이아웃 경로 이동 (첨부파일 2번)]

2-2. 파일 경로를 **레이아웃 > 기본 레이아웃 > 공통 레이아웃**으로 이동하세요. (첨부파일 2번)

\[이미지 업로드 필요 — `</head>` 윗줄에 코드 삽입 (첨부파일 3번)]

2-3. 코드 내용 중 `</head>` 바로 윗줄에 전달받은 3줄 코드를 넣으시면 됩니다. (첨부파일 3번)
{% endstep %}

{% step %}

## 실제 적용 사례

샘플 쇼핑몰에서 적용된 모습을 직접 확인해 보세요.

* [샘플 쇼핑몰](https://ejune06.cafe24.com/skin-skin4/product/test-5%EC%83%81%ED%92%88/13/category/1/display/2/?icid=MAIN.product_listmain_1)
  {% endstep %}
  {% endstepper %}


