■ 팝업창 등록
▶ 팝업창 기본설정
- 팝업창의 기본 정보를 설정합니다.
- 팝업 등록 시 "노출상점 / 쇼핑몰 유형 / 팝업 제목 / 노출 여부"는 필수 항목으로 입력 또는 선택하지 않을 경우 등록이 불가능합니다.
· 노출상점
: 팝업창이 노출될 상점을 설정할 수 있습니다.
- "기본설정 > 해외상점 > 해외 상점 설정"에 "사용함"으로 설정한 상점이 노출됩니다.
· 쇼핑몰 유형
: 팝업창이 노출될 쇼핑몰을 설정할 수 있습니다.
- 모바일 쇼핑몰의 팝업창 종류는 고정 레이어창만 지원됩니다.
· 팝업 제목
: 팝업창의 제목을 등록합니다.
- 등록된 팝업 제목은 팝업창 관리 용도로 사용됩니다.
- 팝업 등록 시 제목은 필수 항목으로 입력하지 않을 경우 등록이 불가능합니다.
- 입력 문자와 글자 수에는 제한이 없습니다.
· 노출 여부
: 쇼핑몰에서 팝업창 노출 여부를 설정할 수 있습니다.
- 노출 여부는 필수 항목으로 기본값은 노출로 설정되어 있습니다.
- 노출(기본값) : 설정된 기간에 따라 쇼핑몰에서 팝업창이 노출됩니다.
- 미노출 : 노출 기간에 상관없이 쇼핑몰에서 팝업창이 노출되지 않습니다.
ㆍ 기간별 노출 설정
: 등록할 팝업의 노출 기간을 설정할 수 있습니다.
- 항상 팝업창이 열립니다.(기본값) : 기간을 설정하지 않고 팝업창을 항상 노출합니다.
- 특정 기간 동안 팝업창을 열립니다 : 설정된 기간동안 팝업창을 노출합니다.
- 특정 기간 동안 특정한 시간에만 팝업창이 열립니다 : 설정된 기간과 시간대에 팝업창을 노출합니다.
ㆍ 오늘하루 보이지 않음
: 팝업창에 "오늘하루 보이지 않음" 기능을 설정할 수 있습니다.
- 사용자가 쇼핑몰 화면에서 "오늘하루 보이지 않음" 선택 시 쇼핑몰을 재방문하면 하루 동안 팝업창이 노출되지 않습니다.
- 기본값은 "체크 해제(사용하지 않음) 상태"로 설정되어 있습니다.
- 체크 시 "오늘 하루 보이지 않음" 영역의 배경 색상과 글자 색상을 설정할 수 있습니다.
- 정렬 : "오늘 하루 보이지 않음" 영역이 노출되는 기준을 "왼쪽, 가운데, 오른쪽" 중 선택하여 정렬할 수 있습니다.
(하단의 팝업창 페이지를 "상단 고정 레이어 팝업창"으로 설정 시 색상과 정렬은 적용되지 않습니다.)
ㆍ 팝업 노출 페이지
: 팝업창 노출되는 페이지를 설정할 수 있습니다.
- "메인 / 인트로 / 상품 리스트 / 상품 상세 / 장바구니 / 주문하기 / 주문완료 / 로그인 / 회원가입 / 회원가입 완료" 페이지 중 선택할 수 있습니다.
- 파라메터 : 상품 리스트, 상품 상세페이지의 URL 뒤에 붙는 주소를 지칭합니다.
└ 쇼핑몰 상품 리스트 접근 시 "(도메인)/goods/goods_list.php?cateCd=001"에서 "cateCd=001"을 뜻합니다.
└ 쇼핑몰 상품 상세페이지 접근 시 "/goods/goods_view.php?goodsNo=1000000020"에서 "goodsNo=1000000020"을 뜻합니다.
- 파라메터를 입력할 경우 특정 상품 리스트, 상품 상세 페이지에서 팝업창 노출을 설정할 수 있습니다.
- 파라메터를 입력하지 않을 경우 전체 상품 리스트와 상품 상세 페이지에 팝업창이 노출됩니다.
- 상품 리스트 : 파라메터 "cateCd=(카테고리코드)"를 등록할 경우 특정 카테고리 리스트에 팝업창을 노출할 수 있습니다.
- 상품 상세페이지 : 파라메터 "goodsNo=(상품코드)"를 등록할 경우 특정 상품 상세페이지에 팝업창을 노출할 수 있습니다.
: 기본으로 제공되는 노출 페이지 외에 팝업 노출을 희망하는 경우 우측의 [노출위치 등록] 버튼을 클릭하여 추가로 노출할 페이지를 설정할 수 있습니다.
- 노출위치 관리 팝업에서 [+노출위치 등록] 버튼을 클릭하여 팝업을 노출할 페이지를 추가로 등록할 수 있습니다.
① [+노출위치 등록] 버튼을 클릭하여 추가로 설정할 노출 페이지를 등록할 수 있습니다.
- 해당 버튼 클릭 시 레이어 팝업 내 노출위치 등록(3)번 항목이 출력 됩니다.
② 팝업창을 추가로 설정할 내용 (구분/페이지명/URL)을 설정합니다.
- 구분 : 해당 팝업창을 노출할 쇼핑몰(PC쇼핑몰/모바일쇼핑몰)을 선택하세요. PC와 모바일 모두 사용 희망 시 모두 체크하시기 바랍니다.
- 페이지명 : 노출 위치를 구분할 수 있도록 페이지명을 입력하세요
- URL : 팝업창을 노출할 쇼핑몰 페이지의 URL을 입력하세요. 단, URL 입력 시 절대 경로가 아닌 상대 경로를 입력하세요.
예) 게시판 리스트에 팝업 노출을 희망하는 경우, 상대경로 '/board/list.php'만 입력
③ [저장] 버튼을 클릭하여 설정한 내역을 저장할 수 있습니다.
④ 설정 된 노출위치 리스트를 확인할 수 있습니다. [수정] 버튼을 클릭하여 등록 된 내용을 수정할 수 있습니다.
- 설정 된 노출위치를 삭제할 경우, 기존에 노출되던 팝업이 노출되지 않게 되오니 주의하시기 바랍니다.
▶ PC 쇼핑몰 / 모바일 쇼핑몰
· 창 종류
: 팝업 종류에 따라 "고정 레이어창 / 이동 레이어창 / 윈도우 팝업창" 중 선택하여 등록할 수 있습니다.
- 모바일 쇼핑몰에는 고정 레이어창만 지원됩니다.
ㆍ 팝업창 페이지
: "사용중인 스킨"의 디자인 페이지에서 "팝업창 페이지 > 팝업창스킨명.html"에 있는 팝업 디자인 파일 중 선택이 가능합니다.
- 기본으로 제공되는 팝업창 페이지는 "기본 고정 레이어 팝업창", "기본 윈도우 팝업폼", "기본 이동 레이어 팝업창", "상단 고정 레이어 팝업창"입니다.
- 기본으로 제공되는 팝업창 페이지를 선택할 경우, 상단 "창 종류" 항목에서 설정한 창 종류에 맞는 팝업창 페이지를 선택하시길 권장합니다.
- 디자인 페이지의 "팝업창 페이지 > 팝업창스킨명.html"을 수정할 경우 해당 페이지로 작업된 팝업창은 일괄 변경됩니다.
- 디자인 페이지의 "팝업창 페이지" 폴더 내 신규 페이지 추가 시 팝업창 페이지에서 선택하여 사용할 수 있습니다.
- "기본 고정 레이어 팝업창"은 고정되어 움직이지 않는 팝업창에 적합한 팝업 디자인 파일입니다. (이미지 (1-1) 참고)
└ 창 종류는 "고정 레이어창"으로 설정하시는 것을 권장합니다.
└ 창 종류를 "이동 레이어창"이나, "윈도우 팝업창"으로 설정하시는 경우 "상단 고정 레이어 팝업창"을 선택하셔도 팝업창을 이동시킬 수 있습니다.
- "기본 윈도우 팝업폼"은 윈도우 팝업에 적합한 팝업 디자인 파일입니다. (이미지 (1-2) 참고)
└ 창 종류는 "윈도우 팝업창"으로 설정하시는 것을 권장합니다.
└ "고정 / 이동 레이어창"으로 설정하시는 경우 팝업창이 정상적으로 출력되지 않을 수 있습니다.
- "기본 이동 레이어 팝업창"은 이동이 가능한 팝업창에 적합한 팝업 디자인 파일입니다. (이미지 (1-3) 참고)
└ 창 종류는 "이동 레이어창"으로 설정하시는 것을 권장합니다.
└ "고정 레이어창"으로 설정하시는 경우 팝업창을 이동시킬 수 없으며, "윈도우 팝업창" 선택 시 레이어팝업이 아닌 윈도우 팝업이 출력됩니다.
- "상단 고정 레이어 팝업창"은 팝업창을 쇼핑몰 화면 상단에 고정시켜 상단 전체를 꾸밀 수 있습니다. (이미지 (1-4) 참고
└ "윈도우 팝업창"으로 설정하시는 경우 쇼핑몰 상단에 정상적으로 출력되지 않을 수 있습니다.
- 팝업창 페이지를 선택하지 않을 경우 팝업 등록이 불가능합니다.
· 창크기
: 등록할 팝업창의 크기를 설정할 수 있습니다.
- 창크기는 필수 항목으로 입력하지 않을 경우 등록이 불가능합니다. 기본값은 300px x 300px로 설정되어 있습니다.
- 팝업창의 크기가 등록될 팝업의 내용 또는 이미지보다 작을 경우 윈도우 팝업창에는 스크롤이 생기며,
레이어창에는 창크기를 넘어가는 영역은 노출되지 않습니다.
- 창크기 설정 시 "오늘 하루 보이지 않음"은 전체 창크기에서 제외됩니다.
- "에디터에 등록된 이미지를 가로 창크기에 맞춤" 체크 시 에디터에 등록된 이미지를 설정된 가로 창크기에 맞추어 리사이징합니다. └ 등록된 이미지의 가로 사이즈가 설정된 가로 창크기보다 큰 경우 이미지가 깨지고 여백이 생길 수 있는 점 유의하시기 바랍니다.
① 배너 크기가 팝업의 내용보다 작게 설정된 경우 이미지 (1-1)과 같이 팝업의 일부 내용이 노출되지 않습니다.
· 창위치
: 쇼핑몰에서 팝업창이 노출되는 위치를 설정합니다.
- 기본값은 상단 0px, 좌측 0px으로 설정되어 있습니다.
- 레이어창은 브라우저 화면 내 왼쪽 상단을 기준으로 계산되어 노출됩니다.
- 윈도우 팝업창은 모니터 화면 왼쪽 상단을 기준으로 계산되어 노출됩니다.
① "레이어창"으로 설정하고 창위치를 "상단 : 100 / 좌측 : 100" 입력 시 팝업창이 출력되는 예시화면 입니다.
레이어창은 브라우저 화면의 왼쪽 상단을 기준으로 출력됩니다.
② "윈도우 팝업창"으로 설정하고 창위치를 "상단 : 100 / 좌측 : 100" 입력 시 팝업창이 출력되는 예시화면 입니다.
윈도우 팝업창은 모니터 화면의 왼쪽 상단을 기준으로 출력됩니다.
· 배경색상
: 쇼핑몰에서 노출되는 팝업창의 배경색상을 설정합니다.
- 설정된 팝업창 크기와 동일한 사이즈의 이미지를 등록한 경우 배경색상을 설정하더라도 확인할 수 없습니다.
- 배경색상은 이미지와 텍스트 부분을 제외한 나머지 배경에 노출됩니다.
