주 콘텐츠로 건너뛰기

배너/팝업

배너, 팝업은 사이트에 접속하면 나타나는 작은 창이에요.
쇼핑몰 페이지 어디든 표시할 수 있어요.
이목을 끌 수 있어 공지부터 각종 홍보, 행사 안내까지 다양한 곳에 사용되어요.

PC

  1. [관리자] 디자인 > 배너/팝업 > PC(탭) 으로 이동해 주세요.

  2. 목록에서 '팝업 등록' 버튼을 눌러 주세요.

  3. 진행 여부를 선택하고, 쇼핑몰 디자인은 반드시 현재 대표 디자인을 선택해 주세요.

  4. 팝업 노출 기간을 설정해 주세요.
    설정한 기간 내라도 진행 여부가 대기 또는 종료일 경우 팝업이 노출되지 않아요.

  5. 팝업 노출 위치는 화면 왼쪽 제일 윗부분을 기준으로 픽셀 단위로 설정할 수 있어요.

 

모바일

  1. [관리자] 디자인 > 배너/팝업 > 모바일(탭) 으로 이동해 주세요.

  2. 목록에서 '등록' 버튼을 눌러 주세요.

  3. 팝업 노출 기간을 설정해 주세요.
    설정한 기간 내라도 진행 여부가 대기 또는 종료일 경우 팝업이 노출되지 않아요. 

  4. 이미지를 등록하고, 해당 이미지를 선택할 때 연결될 페이지가 있다면 페이지 주소(URL)를 입력해 주세요.

 

쿠폰 알림 사용

쿠폰 알림 사용을 선택하고, 이미지 표시 설정을 '배너로 표시하기'로 설정하면 쿠폰을 보유한 회원에게만 해당 이미지가 나타나요.

 

이미지 설정

팝업 이미지를 2개 이상 등록했을 때 각 이미지를 보여 주는 방식을 선택할 수 있어요.

  • 이미지 스와이프는 이미지를 1개씩 넘겨볼 수 있는 방식이에요.

  • 세로 나열은 이미지를 세로로 모두 나열해 보여 주는 방식이에요.

 

이미지 표시 설정

이미지를 표시하는 형식을 설정할 수 있어요.
배너는 쇼핑몰 제일 윗쪽에 이미지가 노출되는 방식이에요.
팝업 창은 쇼핑몰에 접속하면 이미지가 창으로 띄워지는 방식이에요.

  • 팝업 창의 형식 중에서도 팝업형이 작은 창이 띄워지는 것이에요.
    일반적으로 팝업 창이라 생각되는 형식이죠.

  • 풀스크린형은 이미지가 화면에 꽉 차게 띄워지는 형식이에요.

  • 이미지 크기는 핸드폰 종류에 따라 자동으로 조절되어요.

 

창 닫기 방법

창 닫기 방법에서는 쇼핑몰 고객이 팝업을 끌 수 있게 제공하는 버튼 종류를 설정할 수 있어요.
'닫기' 버튼은 기본으로 나타나고, 그 외에 추가로 나타날 버튼을 선택해 주세요.

  • PC에서는 '창 닫기 디자인 > 상세 디자인 설정' 을 통해 문구를 수정할 수 있어요. 

 

 

Note

  • 팝업 하나를 여러 페이지에 띄우거나 여러 팝업을 한 페이지에 띄울 수 있어요.

  • 한 페이지에 팝업은 최대 5개까지 띄울 수 있어요.

  • 인트로 화면이 설정되어 있으면 인트로 화면에는 팝업을 띄울 수 없어요.

  • 팝업 크기가 작으면 내용이 잘려 보일 수 있어요.
    팝업 크기를 정확하게 확인하고 입력해 주세요.

 

 

Info

직접 만든 팝업에 '닫기' 버튼 추가하기

  • 직접 만든 팝업 선택하기로 팝업 내용을 등록하면 팝업에 '닫기' 버튼을 노출하기 위해서 디자인 소스를 추가해야 해요.

  • [관리자] 디자인 > 디자인 보관함 에서 '디자인 수정하기' 버튼을 눌러 주세요.

  • 스마트디자인 편집 창에서 popup_guide.html 파일을 열어 주세요.
    HTML 영역 제일 아래에 소스 <div module="Popup_footer"P$footer}</div>를 복사해 붙여 넣고 저장해 주세요.

 

 

Info

스마트 팝업 관리

기본으로 제공되는 앱으로 간편하게 팝업을 제작할 수 있는 기능이에요.

 

이 페이지가 도움이 되었나요?
현재 콘텐츠