팝업 레이어는 중요한 공지나 이벤트, 알림 등 사이트에 방문했을 때 사이트 가장 위로 뜨는 창입니다.

 

 

 

팝업 레이어를 추가해보도록 하겠습니다.

 

 

 

우측 상단에 '새창 관리 추가' 버튼을 클릭합다.

 

 

 

구분

 

팝업을 커뮤니티에 표시할 것인지 쇼핑몰에 표시할 것인지를 설정합니다.

 

 

 

기본 설정값은 '커뮤니티와 쇼핑몰'이며 두 페이지 모두 공통적인 팝업이 표시됩니다. 그 외에도 '커뮤니티'는 커뮤니티에서만, '쇼팡몰'은 쇼핑몰에서만 표시됩니다.

 

 

 

아래의 이미지를 참고합니다.

왼쪽의 이미지는 커뮤니티, 오른쪽의 이미지는 쇼핑몰입니다.

 

 

 

구분 설정이 '커뮤니티와 쇼핑몰'로 적용되어 있기 때문에 두 페이지 모두 같은 팝업을 띄웠습니다.

커뮤니티 또는 쇼핑몰에서만 팝업을 적용하고 싶다면 구분에서 설정값을 변경하면 됩니다. 

 

 

 

접속 기기

 

팝업 레이어가 표시될 접속 기기를 선택합니다.

 

 

 

기본 설정값은 'PC와 모바일'이며 두 페이지 모두 공통적인 팝업이 표시됩니다. 그 외에도 'PC'는 PC 화면에서만, '모바일'은 모바일 화면에서만 표시됩니다.

 

 

 

 

시간

 

팝업의 '다시 보지 않음'을 선택할 때 몇 시간동안 팝업레이어를 보여주지 않을 지 설정합니다.

 

 

 

 

 

시작일시

 

팝업의 시작 일시를 설정합니다. '시작 일시를 오늘로'를 체크하여 오늘로부터 팝업레이어를 띄울 수 있으며 사용자가 직접 시작 일시를 입력하여 설정할 수 있습니다.

 

 

  

 

 

종료일시

 

팝업의 종료 일시를 설정합니다. '종료일시를 오늘로부터 7일 후로'를 체크하여 오늘로부터 7일 후 팝업이 종료되게 할 수 있으며 사용자가 직접 종료 일시를 입력하여 설정할 수 있습니다.

 

 

 

 

팝업레이어 좌측 위치

 

화면 좌측으로부터 띄워지는 팝업 레이어 위치를 조정합니다. 단위는 px입니다.

  

↓ 팝업 레이어 좌측 위치 50px

 

 

 

 

 

팝업 레이어 상단 위치

 

화면 상단으로부터 띄워지는 팝업 레이어 위치를 조정합니다. 단위는 px입니다.

 

 

 

↓ 팝업 레이어 상단 위치 100px

 

 

 

 

 

팝업 레이어 넓이

 

팝업 레이어의 넓이를 설정합니다. 단위는 px입니다.

 

 

 

 

팝업 레이어 높이

 

팝업 레이어의 높이를 설정합니다. 단위는 px입니다.

 

 

 

 

팝업 제목

 

팝업 레이어의 제목을 설정합니다.

 

 

 

 

 

내용

 

팝업 레이어에 들어갈 내용을 입력합니다. 내용에서는 글과 링크, 이미지 등을 추가할 수 있습니다.

 

 

 

 

설정이 완료되면 확인 버튼을 클릭합니다.

 

 

 

메인으로 돌아가 팝업레이어를 확인해보겠습니다.