> For the complete documentation index, see [llms.txt](https://catenoid-support.gitbook.io/klc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://catenoid-support.gitbook.io/klc/userguide/preparation/popups.md).

# 팝업 관리

이 페이지에서는 Kollus Live Commerce 관리 시스템에서 라이브 방송 화면과 VOD 방송 화면에 노출할 팝업을 등록하고 관리하는 방법에 대해 안내합니다.

> ### **팝업 관리** <a href="#id-.1" id="id-.1"></a>
>
> 팝업(pop-up)은 라이브 방송과 관련된 안내사항이나 이벤트를 알리기 위해 라이브 방송 화면과 VOD 방송 화면 위에 띄우는 새 창을 의미합니다. 팝업 관리를 통해 팝업 영역에 노출할 이미지와 연결할 URL 링크 등을 등록하고 관리합니다.

### **팝업 관리** <a href="#id-.1" id="id-.1"></a>

Kollus Live Commerce 관리 시스템에서 **LIVE > 팝업 관리**를 클릭하면 팝업 관리 페이지가 조회됩니다. 팝업 관리에서는 라이브 방송 화면과 VOD 방송 화면에 노출할 팝업의 정보를 등록하고 관리할 수 있습니다. 팝업 관리 페이지에서 확인 가능한 정보는 다음과 같습니다.

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2FipfhNoaCgeK2ktFiDqk1%2F%ED%8C%9D%EC%97%85%20%EA%B4%80%EB%A6%AC%20%EB%AA%A9%EB%A1%9D.png?alt=media&amp;token=3d31081e-e3ee-45f8-95db-7be85a86e6d6" alt=""><figcaption><p>LIVE > 팝업 관리</p></figcaption></figure>

<table><thead><tr><th width="123">항목</th><th>설명</th></tr></thead><tbody><tr><td>협력사</td><td>고객사(멀티) 계정에만 노출되는 항목으로, 고객사 계정이 직접 등록한 팝업일 경우에는 하이픈(-)으로 노출되며 협력사 계정이 등록한 팝업일 경우에는 협력사명이 노출됩니다.</td></tr><tr><td>팝업명</td><td>팝업 등록 시 입력한 팝업명이 노출됩니다. 해당 항목을 클릭하면 팝업 상세보기 팝업이 나타납니다.</td></tr><tr><td>등록일</td><td>팝업 정보를 등록한 날짜가 노출됩니다.</td></tr><tr><td>상태</td><td>활성화 버튼을 통해 팝업 노출 상태를 선택할 수 있습니다. 해당 팝업을 라이브 방송 화면과 VOD 방송 화면에 노출하려면 활성화 상태로, 노출하지 않으려면 비활성화 상태로 설정합니다. 또한 활성화 버튼 우측의 삭제(🗑️) 아이콘을 클릭하면 해당 팝업을 삭제할 수 있습니다.</td></tr></tbody></table>

### **팝업 등록** <a href="#id-.1" id="id-.1"></a>

팝업 관리 페이지에서 **+ 등록** 버튼을 클릭하면 팝업 등록 팝업이 나타납니다. 팝업 등록 팝업에서 입력해야 할 항목은 다음과 같습니다. 아래 필수 입력 항목들을 모두 입력한 후, 하단의 **등록** 버튼을 클릭하면 팝업이 등록이 완료됩니다.

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2F3XsOHHmxc8gilvdfbkh1%2F%ED%8C%9D%EC%97%85%20%EB%93%B1%EB%A1%9D.png?alt=media&amp;token=81075bca-d9e3-4d56-89c5-b02a340931b1" alt=""><figcaption><p>LIVE > 팝업 관리 > 팝업 등록</p></figcaption></figure>

(<mark style="color:red;">\*</mark> 표시된 항목은 필수 입력 값입니다.)

<table><thead><tr><th width="211">항목</th><th>설명</th></tr></thead><tbody><tr><td><mark style="color:red;">*</mark> 팝업명</td><td>등록하고자 하는 팝업명을 입력합니다. 팝업명은 등록 후 팝업 관리 목록에 노출됩니다.</td></tr><tr><td><mark style="color:red;">*</mark> 팝업</td><td>라이브 방송 화면과 VOD 방송 화면에 노출할 팝업 이미지를 등록합니다. 팝업 이미지는 2 MB 이하의 400×600px 사이즈로 제작된 png, jpg, jpeg, gif 이미지 파일만 등록할 수 있습니다. 이미지 등록 시, 팝업 당 하나의 이미지만 등록 가능합니다.</td></tr><tr><td>팝업 URL (PC)</td><td>팝업 이미지에 연결할 PC Web URL 링크를 입력합니다. URL 주소는 반드시 https://를 포함하여 입력하도록 합니다.</td></tr><tr><td>팝업 URL (Mobile)</td><td>팝업 이미지에 연결할 Mobile Web URL 링크를 입력합니다. URL 주소는 반드시 https://를 포함하여 입력하도록 합니다.</td></tr></tbody></table>

### **팝업 상세보기** <a href="#id-.1" id="id-.1"></a>

팝업 관리 페이지에서 **팝업명** 항목을 클릭하면 팝업 상세보기 팝업이 나타납니다. 팝업 상세보기 팝업에서 등록되어 있는 팝업 정보를 수정할 수 있습니다. 팝업 정보를 수정 입력한 후, 하단의 **수정** 버튼을 클릭하면 팝업 정보가 수정됩니다.

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2FnSyQjbQ7ErGhePAuuB1L%2F%ED%8C%9D%EC%97%85%20%EC%83%81%EC%84%B8%EB%B3%B4%EA%B8%B0.png?alt=media&amp;token=83d0cea1-9a89-4bdb-9881-39b52f58605e" alt=""><figcaption><p>LIVE > 팝업 관리 > 팝업 상세보기</p></figcaption></figure>

### **팝업 전시 확인** <a href="#id" id="id"></a>

라이브 방송 및 VOD 방송 등록 시, 팝업 관리를 통해 등록한 팝업을 연결하면 방송 화면에 아래와 같이 노출됩니다.

<figure><img src="https://2220260358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh7xwbU7K6FFsg94OOZCj%2Fuploads%2F83mAuWVladvV8GdnE9nb%2F%ED%8C%9D%EC%97%85%20%EC%A0%81%EC%9A%A9%20%ED%99%95%EC%9D%B8.png?alt=media&amp;token=543bd83b-3fb4-43e8-8cbf-1e969e373ff1" alt=""><figcaption><p>라이브 방송 화면/VOD 방송 화면 > 팝업 아이콘/팝업 화면</p></figcaption></figure>
