# 팝업

## 🚀 기능 소개

홈페이지에 노출되는 팝업을 직접 등록, 수정, 삭제가 가능한 기능입니다.

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-Mgo1veGq1FgrvGT5ucg%2F-Mgo4rKDyMO6le8tUUql%2Fimage.png?alt=media\&token=c1d79908-fa30-43a2-a7a8-8a26756b20fb)

## 🧱 화면 구성

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQToiLdm6RyTkMCD0Z%2F-MdQUvHEZ6vlHshuRDjf%2Fimage.png?alt=media\&token=72ce396a-6b15-4e7d-8c45-14193cafb5ad)

### 1. 카테고리

장치별 팝업 카테고리입니다.\
카테고리를 클릭하면 해당 장치의 팝업만 필터링하여 확인할 수 있습니다.

### 2. 팝업 목록

현재 그룹에 해당하는 전체 팝업입니다.\
팝업노출 순으로 상단 부터 정렬되어 있으며, 팝업 노출기간이 만료된 경우 하단에 배치되어 있습니다.

### 3. 필터 검색

현재 그룹에 해당하는 팝업의 이름으로 검색하여 필터링이 가능합니다.

### 4. 액션 영역

새로운 팝업을 등록하거나 위치를 조정할 수 있습니다.

### 5. 컨트롤 영역

현재 팝업의 정보를 수정하거나 삭제할 수 있습니다.

## 🙋‍♀️ 이용 안내

### 1. 등록

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQVbSFBgeHgdaEdU9Y%2F-MdQVroHwkaiPhuwxFC5%2Fimage.png?alt=media\&token=05478f93-f0e1-4195-b595-b644d9fa624a)

우측 상단의 액션 영역에 팝업 등록 버튼을 클릭해주세요.

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQVbSFBgeHgdaEdU9Y%2F-MdQW4famOylpMZYkdKw%2Fimage.png?alt=media\&token=4dbdd3ca-2372-4611-b293-32c1504804e5)

위의 항목을 입력해주세요. \
우선 순위의 경우 숫자가 낮을수록 상위 노출 됩니다.\
\- 데스크톱: 겹쳐있는 경우 위쪽에 노출\
\- 모바일: 상위 노출

연결링크의 경우 \
홈페이지 내부 링크 (게시물)은 새로운 창에서 열기 체크 해제를,\
홈페이지 외부 링크는 새로운 창에서 열기 체크를 권장합니다.

{% hint style="info" %}
확인사항\
이미지 업로드시 사이즈는 위치조정에서 조절이 가능합니다.\
(단, 모바일의 경우 화면 크기에 따라 자동조절)
{% endhint %}

### 2. 수정

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQWfH1ZCBo017W97qc%2F-MdQYzCcG7tC4s0BLz7r%2Fimage.png?alt=media\&token=53c33584-5581-4231-bc47-663fb7209fb3)

수정을 희망하는 팝업 컨트롤 영역에서 수정 버튼을 클릭해주세요.

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQWfH1ZCBo017W97qc%2F-MdQZQOkubKPhLdJch4E%2Fimage.png?alt=media\&token=7303a2ae-6c5c-4290-bcdf-cf7653ad96dc)

수정할 내용을 입력후 저장 버튼을 클릭해주세요.

### 3. 삭제

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQWfH1ZCBo017W97qc%2F-MdQZ_DRmH19whCPzhp1%2Fimage.png?alt=media\&token=b1d4a20e-e417-45ce-b268-c592bc748eb8)

삭제를 희망하시는 팝업 컨트롤 영역의 우측에 있는 X버튼을 클릭해주세요.

<div align="center"><img src="https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQWfH1ZCBo017W97qc%2F-MdQZhWdEmTuz0SVYiYQ%2Fimage.png?alt=media&#x26;token=7de6be27-fb89-42c3-9ad0-5bd660f6bda4" alt=""></div>

확인창에서 확인 버튼을 클릭해주세요.

{% hint style="danger" %}
주의사항\
삭제된 내용은 복구 하실 수 없습니다.
{% endhint %}

### 4. 위치조정

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQWfH1ZCBo017W97qc%2F-MdQ_N32HZPxQIxDqU5N%2Fimage.png?alt=media\&token=cc299255-7858-4e8c-95ad-2eaa7203ce58)

우측 상단의 액션 영역에 위치 조정 버튼을 클릭해주세요.

![](https://3584866196-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIbL9u3poikNbQuhkSz%2F-MdQWfH1ZCBo017W97qc%2F-MdQ_ZKeIdr7VUAIHN9a%2Fimage.png?alt=media\&token=0a740f5b-92b2-4ff3-8164-b5323a0d56a3)

현재 노출중인 팝업이 나오며 마우스로 드래그하여 위치를 조정하고\
팝업의 우측 가장자리를 클릭하여 사이즈를 조절할 수 있습니다.

수정이 완료되었으면 반영하기 버튼을 클릭해주세요.