# 팝업설정

## 1. 팝업이란?

{% hint style="info" %}
FAIRY에서 팝업이란, 지원자들에게 중요하게 공지해야할 내용이 있을 경우 채용사이트 메인페이지에 띄울 수 있는 팝업창을 의미합니다.
{% endhint %}

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FK3Viun6NdmOmaUtDL7zN%2Fimage.png?alt=media&#x26;token=0978d542-91bb-43c5-84fb-41adbf422b07" alt=""><figcaption></figcaption></figure>

## 2. 글쓰기

### 2-1. 작성 시작 단계

우측 상단 \[팝업등록] 버튼을 통해 글 작성을 시작합니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2F1fm3pDinr57Ce22eH9Is%2Fimage.png?alt=media&#x26;token=446781a5-2739-49a1-83d7-240daae7483f" alt=""><figcaption></figcaption></figure>

### 2-1. 팝업 정보

팝업 상단에 기재될 제목과 노출 기간을 설정할 수 있습니다.

{% hint style="warning" %}
'게재 대기' 상태는 기간을 옳게 설정하여도 채용사이트에서 보이지 않습니다.

해당 항목을 채용사이트에서 확인할 수 없는 상황에서는 공개 여부를 우선적으로 확인해야 합니다.
{% endhint %}

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2F0cZZa5SIhTADGKTrzwub%2Fimage.png?alt=media&#x26;token=d80d6cf8-1d0d-4e95-b8d2-b4d192e3ec3e" alt=""><figcaption><p>팝업 정보</p></figcaption></figure>

### 2-2. 여백/위치 설정

채용사이트에서의 팝업위치와, 팝업 내 컨텐츠가 들어갈 영역을 설정할 수 있는 부분입니다.

#### 여백 설정

> '여백' 이란, 글을 작성하였을 때 글이 담기는 부분의 여백을 의미합니다.
>
> 좌우, 상하 여백은 모두 24px을 권장하며, 기호에 따라 자유롭게 설정할 수 있습니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2F0x3AOYxZuSgn0EcLHgRe%2Fimage.png?alt=media&#x26;token=c272e924-667b-40c1-a6db-dfef372d3178" alt=""><figcaption><p>여백/위치 설정</p></figcaption></figure>

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FEaSVjzjH82dsLD2s4XSy%2Fimage.png?alt=media&#x26;token=8dfad713-bf09-440f-9a86-4415ce8eb958" alt=""><figcaption><p>팝업 여백</p></figcaption></figure>

#### 위치 설정

> 처음 채용사이트에 진입하였을 시, 팝업의 위치를 설정해줄 수 있습니다.
>
> \[중앙배치] 를 선택하면 자동으로 메인페이지 중앙에 위치하게 되고, &#x20;
>
> \[직접지정] 으로 선택할 시, 정확한 위치를 설정할 수 있습니다.

{% hint style="warning" %}
\[중앙배치]로 팝업을 여러 개 열어두면 같은 위치에 팝업이 쌓이게 됩니다.

팝업이 겹쳐 보이는 것을 방지하고 싶다면 직접지정으로 설정해야 합니다.
{% endhint %}

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2F3RDGZKZlOREW5BLPF8uF%2Fimage.png?alt=media&#x26;token=7f8811f5-a73e-4b14-b452-decd80f9fd55" alt=""><figcaption><p>여백/위치 설정</p></figcaption></figure>

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FMXBWy67s901z6JhQfm1W%2Fimage.png?alt=media&#x26;token=ad1231ed-a1ee-411b-bf85-77eafb16f290" alt=""><figcaption><p>채용사이트</p></figcaption></figure>

### 2-3. 내용 작성하기

팝업에 들어갈 내용을 작성하는 영역으로, 에디터를 사용하여 다양한 스타일링이 가능합니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FwTekepRMcsu9YCgAChA6%2Fimage.png?alt=media&#x26;token=e4e7d810-9828-44e1-959c-ddbec179667a" alt=""><figcaption><p>팝업 내용 작성하기</p></figcaption></figure>

### 2-4. 저장/확인하기

저장까지 마쳤다면, 채용사이트에서 성공적으로 등록된 것을 확인하실 수 있습니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FL65Ptj3e8wyjuQIKpwYy%2Fimage.png?alt=media&#x26;token=d8276276-9875-48db-bd1b-fb3fadb7eb6e" alt=""><figcaption><p>채용사이트 팝업</p></figcaption></figure>

## 3. 수정하기

수정을 원할 때는, 해당 팝업 가장 오른쪽 행의 \[상세보기 >] 버튼을 통해 편집이 가능합니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FxMuCJFlzP2scDfIne85u%2Fimage.png?alt=media&#x26;token=389256b1-6324-4d58-8f76-91625356fa13" alt=""><figcaption><p>팝업 설정</p></figcaption></figure>
