아래 그림과 같이 컴포넌트 관리 > 팝업관리 > 팝업 등록 메뉴를 클릭합니다.



위와같이 팝업 공지 기간과 크기를 설정하여 [등록하기] 버튼을 클릭합니다.

이제 팝업 모듈이 생성되었는지 확인해보겠습니다.

아래 그림과 같이 템플릿 디자인 수정 > 모듈 > 팝업 > 팝업작성 모듈을 선택하여 [소스 수정]을 선택합니다.



팝업 디자인을 직접 html로 작성하도록 합니다.

html 소스 작성 예는 아래쪽에서 다시 안내해드리겠습니다.

소스 등록을 마친 뒤에는 [저장하기] 버튼을 클릭하여 저장합니다.

이제 메인 페이지에 팝업 모듈을 추가해보겠습니다.

아래 그림과 같이 템플릿 디자인 수정 > 페이지 > 메인 을 선택하여 [소스수정]을 선택합니다.



그리고 아래 그림과 같이, 오른쪽 상단에 위치한 [전체모듈 리스트] 버튼을 클릭합니다.



버튼을 클릭하면 아래 그림과 같이 모듈 리스트 팝업창이 열리게 됩니다.


위 이미지에서 보는 바와 같이,
전체 모듈 리스트에서 [팝업] 모듈에서 ① 생성한 모듈을 체크하여
②선택한 모듈을 리스트에 추가합니다.
③저장하기 버튼을 클릭합니다.

아래 그림과 같이 메인화면의 페이지에 ①팝업 모듈이 추가되었음을 확인 할 수 있습니다.

②페이지 소스에 팝업 모듈을 추가한 후 [저장하기] 버튼을 클릭합니다.



이제 홈페이지를 열어보시면, 메인페이지를 클릭하셨을 때, 팝업창이 열리는 것을 확인하실 수 있게 됩니다.


☞ 팝업창에 들어가는 소스보기 클릭

도움말에 있는 소스를 그대로 적용했을 경우, 아래와 같은 팝업이 뜨게 됩니다.