> 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="/files/gf3921c6Z5jY0OwY9qj1" 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="/files/n6ZQOmQMLmpqVc5F7GTY" 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="/files/mYG8vdvJjAr6Otx1qVAp" alt=""><figcaption><p>LIVE > 팝업 관리 > 팝업 상세보기</p></figcaption></figure>

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

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

<figure><img src="/files/UT3ANH3rlwN9KUZ5FjBm" alt=""><figcaption><p>라이브 방송 화면/VOD 방송 화면 > 팝업 아이콘/팝업 화면</p></figcaption></figure>
