디자인

팝업창 기본설정

팝업창의 기본 정보를 설정합니다.

팝업 등록 시 "노출상점 / 쇼핑몰 유형 / 팝업 제목 / 노출 여부"는 필수 항목으로 입력 또는 선택하지 않을 경우 등록이 불가능합니다.

노출상점

팝업창이 노출될 상점을 설정할 수 있습니다.

"기본설정 > 해외상점 > 해외 상점 설정"에 "사용함"으로 설정한 상점이 노출됩니다.

쇼핑몰 유형

팝업창이 노출될 쇼핑몰을 설정할 수 있습니다.

모바일 쇼핑몰의 팝업창 종류는 고정 레이어창만 지원됩니다.

팝업 제목

팝업창의 제목을 등록합니다.

• 등록된 팝업 제목은 팝업창 관리 용도로 사용됩니다.
• 팝업 등록 시 제목은 필수 항목으로 입력하지 않을 경우 등록이 불가능합니다.
• 입력 문자와 글자 수에는 제한이 없습니다.

노출 여부

쇼핑몰에서 팝업창 노출 여부를 설정할 수 있습니다.

• 노출 여부는 필수 항목으로 기본값은 노출로 설정되어 있습니다.
• 노출(기본값) : 설정된 기간에 따라 쇼핑몰에서 팝업창이 노출됩니다.
• 미노출 : 노출 기간에 상관없이 쇼핑몰에서 팝업창이 노출되지 않습니다.

기간별 노출 설정

등록할 팝업의 노출 기간을 설정할 수 있습니다.

• 항상 팝업창이 열립니다.(기본값) : 기간을 설정하지 않고 팝업창을 항상 노출합니다.
• 특정 기간 동안 팝업창이 열립니다 : 설정된 기간동안 팝업창을 노출합니다.
• 특정 기간 동안 특정한 시간에만 팝업창이 열립니다 : 설정된 기간과 시간대에 팝업창을 노출합니다.

오늘하루 보이지 않음

팝업창에 "오늘하루 보이지 않음" 기능을 설정할 수 있습니다.

• 사용자가 쇼핑몰 화면에서 "오늘하루 보이지 않음" 선택 시 쇼핑몰을 재방문하면 하루 동안 팝업창이 노출되지 않습니다.
• 기본값은 "체크 해제(사용하지 않음) 상태"로 설정되어 있습니다.
• 체크 시 "오늘 하루 보이지 않음" 영역의 배경 색상과 글자 색상을 설정할 수 있습니다.
• 정렬 : "오늘 하루 보이지 않음" 영역이 노출되는 기준을 "왼쪽, 가운데, 오른쪽" 중 선택하여 정렬할 수 있습니다.

(하단의 팝업창 페이지를 "상단 고정 레이어 팝업창"으로 설정 시 색상과 정렬은 적용되지 않습니다.)

팝업 노출 페이지

팝업창 노출되는 페이지를 설정할 수 있습니다.

• "메인 / 인트로 / 상품 리스트 / 상품 상세 / 장바구니 / 주문하기 / 주문완료 / 로그인 / 회원가입 / 회원가입 완료" 페이지 중 선택할 수 있습니다.
• 파라메터 : 상품 리스트, 상품 상세페이지의 URL 뒤에 붙는 주소를 지칭합니다.
  • 쇼핑몰 상품 리스트 접근 시 "(도메인)/goods/goods_list.php?cateCd=001"에서 "cateCd=001"을 뜻합니다.
  • 쇼핑몰 상품 상세페이지 접근 시 "/goods/goods_view.php?goodsNo=1000000020"에서 "goodsNo=1000000020"을 뜻합니다.
• 파라메터를 입력할 경우 특정 상품 리스트, 상품 상세 페이지에서 팝업창 노출을 설정할 수 있습니다.
• 파라메터를 입력하지 않을 경우 전체 상품 리스트와 상품 상세 페이지에 팝업창이 노출됩니다.
• 상품 리스트 : 파라메터 "cateCd=(카테고리코드)"를 등록할 경우 특정 카테고리 리스트에 팝업창을 노출할 수 있습니다.
• 상품 상세페이지 : 파라메터 "goodsNo=(상품코드)"를 등록할 경우 특정 상품 상세페이지에 팝업창을 노출할 수 있습니다.

기본으로 제공되는 노출 페이지 외에 팝업 노출을 희망하는 경우 우측의 [노출위치 등록] 버튼을 클릭하여 추가로 노출할 페이지를 설정할 수 있습니다.

노출위치 관리 팝업에서 [+노출위치 등록] 버튼을 클릭하여 팝업을 노출할 페이지를 추가로 등록할 수 있습니다.

예시)

• 게시판 리스트에 팝업 노출을 희망하는 경우, 상대경로 '/board/list.php'만 입력

PC 쇼핑몰 / 모바일 쇼핑몰

창 종류

팝업 종류에 따라 "고정 레이어창 / 이동 레이어창 / 윈도우 팝업창" 중 선택하여 등록할 수 있습니다.

모바일 쇼핑몰에는 고정 레이어창만 지원됩니다.

팝업창 페이지

"사용중인 스킨"의 디자인 페이지에서 "팝업창 페이지 > 팝업창스킨명.html"에 있는 팝업 디자인 파일 중 선택이 가능합니다.

• 기본으로 제공되는 팝업창 페이지는 "기본 고정 레이어 팝업창", "기본 윈도우 팝업폼", "기본 이동 레이어 팝업창", "상단 고정 레이어 팝업창"입니다.
• 기본으로 제공되는 팝업창 페이지를 선택할 경우, 상단 "창 종류" 항목에서 설정한 창 종류에 맞는 팝업창 페이지를 선택하시길 권장합니다.
• 디자인 페이지의 "팝업창 페이지 > 팝업창스킨명.html"을 수정할 경우 해당 페이지로 작업된 팝업창은 일괄 변경됩니다.
• 디자인 페이지의 "팝업창 페이지" 폴더 내 신규 페이지 추가 시 팝업창 페이지에서 선택하여 사용할 수 있습니다.
• "기본 고정 레이어 팝업창"은 고정되어 움직이지 않는 팝업창에 적합한 팝업 디자인 파일입니다. (이미지 (1-1) 참고)
  • 창 종류는 "고정 레이어창"으로 설정하시는 것을 권장합니다.
  • 창 종류를 "이동 레이어창"이나, "윈도우 팝업창"으로 설정하시는 경우 "상단 고정 레이어 팝업창"을 선택하셔도 팝업창을 이동시킬 수 있습니다.
• "기본 윈도우 팝업폼"은 윈도우 팝업에 적합한 팝업 디자인 파일입니다. (이미지 (1-2) 참고)
  • 창 종류는 "윈도우 팝업창"으로 설정하시는 것을 권장합니다.
  • "고정 / 이동 레이어창"으로 설정하시는 경우 팝업창이 정상적으로 출력되지 않을 수 있습니다.
• "기본 이동 레이어 팝업창"은 이동이 가능한 팝업창에 적합한 팝업 디자인 파일입니다. (이미지 (1-3) 참고)
  • 창 종류는 "이동 레이어창"으로 설정하시는 것을 권장합니다.
  • "고정 레이어창"으로 설정하시는 경우 팝업창을 이동시킬 수 없으며, "윈도우 팝업창" 선택 시 레이어팝업이 아닌 윈도우 팝업이 출력됩니다.
• "상단 고정 레이어 팝업창"은 팝업창을 쇼핑몰 화면 상단에 고정시켜 상단 전체를 꾸밀 수 있습니다. (이미지 (1-4) 참고)
  • 창 종류는 "고정 레이어창"으로 설정하시는 것을 권장합니다.
  • "윈도우 팝업창"으로 설정하시는 경우 쇼핑몰 상단에 정상적으로 출력되지 않을 수 있습니다.
• 팝업창 페이지를 선택하지 않을 경우 팝업 등록이 불가능합니다.

창크기

등록할 팝업창의 크기를 설정할 수 있습니다.

• 창크기는 필수 항목으로 입력하지 않을 경우 등록이 불가능합니다. 기본값은 300px x 300px로 설정되어 있습니다.
• 팝업창의 크기가 등록될 팝업의 내용 또는 이미지보다 작을 경우 윈도우 팝업창에는 스크롤이 생기며, 레이어창에는 창크기를 넘어가는 영역은 노출되지 않습니다.
• 창크기 설정 시 "오늘 하루 보이지 않음"은 전체 창크기에서 제외됩니다.
• "에디터에 등록된 이미지를 가로 창크기에 맞춤" 체크 시 에디터에 등록된 이미지를 설정된 가로 창크기에 맞추어 리사이징합니다.
  • 등록된 이미지의 가로 사이즈가 설정된 가로 창크기보다 큰 경우 이미지가 깨지고 여백이 생길 수 있는 점 유의하시기 바랍니다.

창위치

쇼핑몰에서 팝업창이 노출되는 위치를 설정합니다.

• 기본값은 상단 0px, 좌측 0px으로 설정되어 있습니다.
• 레이어창은 브라우저 화면 내 왼쪽 상단을 기준으로 계산되어 노출됩니다.
• 윈도우 팝업창은 모니터 화면 왼쪽 상단을 기준으로 계산되어 노출됩니다.

배경색상

쇼핑몰에서 노출되는 팝업창의 배경색상을 설정합니다.

• 설정된 팝업창 크기와 동일한 사이즈의 이미지를 등록한 경우 배경색상을 설정하더라도 확인할 수 없습니다.
• 배경색상은 이미지와 텍스트 부분을 제외한 나머지 배경에 노출됩니다.