배너/팝업 설정

PC에서 모바일쇼핑몰 배너/팝업 확인하는 방법

1. 1. 쇼핑몰 화면에서 개발자 모드(키보드 F12) 실행 후 우측의 디바이스 아이콘 클릭

1. 2. 상단 디바이스 선택 버튼에서 모바일 디바이스(Galaxy S5, iPhone6/7/8 등)로 변경 후 새로 고침

1. 

1. ※위 내용은 크롬에서 확인 가능한 방법입니다.

배너/팝업 목록

1. 

배너/팝업 목록

• 배너/팝업 설정 기능은 디자인 설정을 하셔야 사용 가능합니다.

• '진행' 상태의 가장 최근에 등록된 배너/팝업 이 모바일 쇼핑몰 화면에 자동으로 표시됩니다.

• '대기'상태의 배너/팝업은 시작날짜가 되어도 '진행'으로 상태를 변경해야 모바일 쇼핑몰 화면에 표시됩니다.

• 진행중인 배너/팝업을 원하는 페이지에 여러개 등록 하려면 디자인 설정을 하셔야 사용 가능합니다.

• 안정적인 운영을 위해 팝업/배너 노출은 1개를 권장하지만, 최대 6개까지 동시에 사용할 수 있습니다.

팝업/배너 추가하기

• 노출시킬 배너/팝업의 id를 확인합니다.

• 배너/팝업을 띄울 페이지 레이아웃에 아래와 같이 파란색 소스를 적용합니다.

1. 

등록 > 기본설정

1. 

제목 설정

• 배너/팝업의 제목을 입력합니다.

기간 설정

• 팝업창의 노출 기간을 정합니다.

• 설정한 기간이라도, 진행여부 설정값이 대기 또는 종료일 경우에는 노출되지 않습니다.

진행여부

• 작성한 팝업창의 진행여부를 대기, 진행, 종료 중에서 설정할 수 있습니다.

등록 > 디자인

1. 

상세이미지

• 배너에 표시되는 쿠폰발급 이미지는 쇼핑몰 메인화면에만 표시됩니다.

쿠폰알림 사용

• 쿠폰알림 사용에 체크 시, 쿠폰을 보유한 회원에게 해당 이미지가 표시되는 기능입니다.

• 이미지 표시설정을 '배너'로 선택한 경우 모바일 쇼핑몰 메인화면에만 쿠폰이미지가 표시됩니다.

• [프로모션 > 쿠폰관리 > 쿠폰 만들기 > 로그인시 쿠폰발급 알림] 에 "사용함"을 선택해야 이미지가 표시됩니다.

이미지 설정

• 이미지를 2개 이상 등록 시 이미지 노출 형식을 스와이프 형식, 세로나열형 중에서 설정할 수 있습니다.

이미지 표시설정 배너

• 배너로 표시할지, 팝업창으로 표시할지 설정합니다.

• 배너 설정 시, 모바일 화면 메인 상단에 노출되며 노출 위치는 변경할 수 없습니다.

팝업창 팝업형

• 모바일 화면 사이즈에 맞춰, 좌우 여백을 두고 업로드한 이미지를 리사이징해 노출합니다.

팝업창 풀스크린형

• 팝업을 모바일 화면 사이즈와 동일하게 노출합니다.

• 화면 사이즈에 따라, 이미지의 비율을 유지해 리사이징 한 후 팝업 중앙에 노출합니다.

1. 

창닫기 방법

• 팝업창 표시설정을 했을 경우, 해당 설정 화면이 노출됩니다.

• '닫기' 는 기본으로 제공합니다.

• 팝업형태가 '풀스크린형' 인 경우, 선택한 창닫기 방법의 개수에 따라 UI가 달라집니다.

1. 1. 

팝업 표시 위치

• 팝업창 표시설정을 했을 경우, 해당 설정 화면이 노출됩니다.

• 팝업이 노출될 위치를 픽셀 단위로 지정합니다.