# 팝업 관리

이 페이지에서는 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://catenoid-support.gitbook.io/klc/userguide/preparation/popups.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.