주 콘텐츠로 건너뛰기

디자인 환경 설정

팝업(pop-up) 설정

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

PC

1. 디자인관리 > 디자인 기능설정 > 팝업 설정으로 이동합니다.

2. 팝업 목록에서 팝업등록 버튼을 클릭합니다.

3-1. 진행 여부를 선택하고 쇼핑몰 디자인은 반드시 현재 대표 디자인을 선택합니다.

3-2. 팝업 노출 기간을 설정합니다. 설정한 기간 내라도 진행 여부가 대기 또는 종료일 경우 팝업이 노출되지 않으므로 반드시 진행으로 선택합니다.

3-3. 팝업 노출 위치는 화면 왼쪽 제일 윗 부분을 기준으로 픽셀 단위로 설정할 수 있습니다.

 

모바일

1. 모바일 인관리 > 디자인 기능설정 > 배너/팝업 설정으로 이동합니다.

2. 팝업 목록에서 등록 버튼을 클릭합니다.

3-1. 팝업 노출 기간과 진행 여부를 선택합니다. 설정한 기간 내라도 진행 여부가 대기 또는 종료일 경우 팝업이 노출되지 않으므로 반드시 진행으로 선택합니다.

3-2. 이미지를 등록하고 해당 이미지를 선택했을 때 연결될 페이지가 있다면 해당 페이지 주소(URL)를 입력합니다.

 

쿠폰알림 사용

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

해당 기능을 사용하려면 프로모션 > 쿠폰관리 > 쿠폰 만들기 > 로그인시 쿠폰발급 알림을 사용함으로 선택해야 합니다.

쿠폰 발급 이미지는 쇼핑몰 메인 화면에만 나타납니다.


3-3. 이미지 설정은 팝업 이미지를 2개 이상 등록했을 때 각 이미지를 보여주는 방식을 선택하는 것입니다. 이미지 스와이프는 이미지를 1개씩 넘겨볼 수 있는 방식이고, 세로 나열은 이미지를 세로로 모두 나열해 보여주는 방식입니다.

3-4. 이미지 표시 설정을 팝업창 중 선택할 수 있습니다. 배너는 쇼핑몰 제일 윗쪽에 이미지가 노출되는 방식이고, 팝업창은 쇼핑몰에 접속하면 이미지가 창으로 띄워지는 방식입니다.

팝업창 형식 중에서도 팝업형을 일반적으로 생각하는 작은 창이 띄워지는 것이고, 풀스크린형은 이미지가 화면에 꽉 차게 띄워지는 형식입니다. 이미지 크기는 핸드폰 종류에 따라 자동으로 조절됩니다.

3-5. 창닫기 방법에서는 쇼핑몰 고객이 팝업을 끌 수 있게 제공하는 버튼 종류를 설정할 수 있습니다. 닫기 버튼은 기본으로 나타나며 그 외에 추가로 나타날 버튼을 선택합니다.

3-6. 팝업 노출 위치는 화면 왼쪽 제일 윗 부분을 기준으로 픽셀 단위로 설정할 수 있습니다.

 

Note

  • 팝업 하나를 여러 페이지에 띄우거나 여러 팝업을 한 페이지에 띄울 수 있습니다.
  • 한 페이지에 팝업은 최대 5개까지 띄울 수 있습니다.
  • 인트로 화면이 설정되어 있으면 인트로 화면에는 팝업을 띄울 수 없습니다.

 

3-4. 팝업 크기가 작으면 내용이 잘려보일 수 있습니다. 팝업 크기를 정확하게 확인하고 입력합니다.

3-5. 팝업 창닫기 문구는 아래에 있는 창닫기 디자인 > 상세 디자인 설정을 선택하고 저장합니다.

 

 

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

직접 만든 팝업 선택하기로 팝업 내용을 등록하면 팝업에 닫기 버튼을 노출하기 위해서 디자인 소스를 추가해야 합니다. 디자인관리로 이동해 디자인 수정하기 버튼을 클릭합니다. 스마트디자인 편집창에서 popup_guide.html 파일을 엽니다. HTML 영역 제일 아래에 소스 <div module="Popup_footer"P$footer}</div>를 복사해 붙여 넣고 저장합니다.

스마트 팝업 관리

기본 제공되는 앱으로 간편하게 팝업을 제작할 수 있는 기능입니다. 에디봇디자인은 편집창에서 바로 이동할 수 있습니다. 스마트디자인은 앱스토어 > 마이 앱에 있는 설치한 앱 목록에서 확인할 수 있습니다.

인트로 화면 설정

인트로 화면은 고객이 쇼핑몰에 접속했을 때 노출되는 첫 화면입니다. 본래 쇼핑몰 메인 화면이 보여야 하지만 회원 전용 쇼핑몰, 성인 인증 필요 쇼핑몰 등은 첫 화면을 따로 설정해 쇼핑몰 상품이 바로 노출되지 않게 할 수 있습니다.

  1.  디자인관리 > 디자인 기능설정 > 인트로 화면으로 이동합니다.
  2. 인트로 사용 설정을 사용함으로 선택합니다.
  3. 적용할 화면을 선택하고 저장합니다.
  4. 성인전용 인트로를 선택하면 추가 정보를 설정해야 합니다.

 

성인전용 인트로 추가 정보

  • 19세 미만 나가기 링크

19세 미만 나가기 버튼은 19세 미만 청소년이 쇼핑몰에 접속하면 인트로 화면에서 벗어날 수 있도록 제공하는 버튼입니다. 해당 버튼을 클릭하면 이동될 주소(URL)를 입력해야 하며 이동 주소는 구글 같은 주요 포털 사이트를 권장합니다.

  • 청소년 차단 메타태그

메타태그는 해당 페이지에 대한 정보를 제공하는 표식으로 이 표식을 이용해 검색 엔진들이 사이트 정보를 수집합니다. 청소년 차단 메타태그는 해당 사이트가 성인 전용 사이트임을 알려주는 표식입니다. 청소년 차단 메타태그는 아래와 같이 입력할 수 있습니다.

<meta name="Rating" content="adult" />

 

파비콘(favicon) 설정

파비콘(favicon)은 즐겨찾기 아이콘(favorites icon)의 줄임말로 특정 웹사이트에 방문했을 때 웹사이트 주소 왼쪽이나 브라우저 탭에 나타나는 작은 아이콘을 가리킵니다. 파비콘은 사이트 개성을 나타냄과 동시에 출처를 밝히는 데 유용합니다.

  1. 파비콘으로 사용할 이미지 크기를 16px * 16px 로 제작 후 확장자를 .ico로 저장합니다. (파일명 예시: 파비콘이미지.ico)
  2. 디자인관리 > 디자인 기능설정> 쇼핑몰 알리미 > 파비콘 설정으로 이동합니다.
  3. 파일 선택 버튼을 선택합니다.
  4. 준비한 이미지 파일을 선택하고 저장합니다.

아이콘 설정

쇼핑몰에서 사용할 다양한 아이콘을 관리할 수 있습니다. 기본 제공되는 아이콘을 사용하거나 직접 제작하여 개성 넘치는 아이콘을 사용할 수 있습니다. 

PC

  1. 디자인관리 > 디자인 기능설정 > 아이콘으로 이동합니다.
  2. PC 쇼핑몰 아이콘 설정 목록에서 변경하려는 아이콘 이름 옆에 있는 아이콘을 선택합니다.
  3. 파일 선택을 클릭해 원하는 이미지 파일을 선택하고 저장합니다.
  4. 기본 이미지로 되돌리려면 초기화 버튼을 선택합니다.

 

아이콘 설정 관련 안내

이미지 크기: 344px * 48px

파일 형식: png

파일명: 한글, 영어, 숫자로 구성 (특수문자, 공백, 다른 나라 언어 포함되어 있을 경우 이미지 첨부 불가할 수 있음)

 

모바일

  1. 모바일 관리 > 디자인 기능설정 > 아이콘으로 이동합니다.
  2. 모바일 쇼핑몰 아이콘 설정 목록에서 변경하려는 아이콘 이름 옆에 있는 아이콘을 선택합니다.
  3. 파일 선택을 클릭해 원하는 이미지 파일을 선택하고 저장합니다.
  4. 기본 이미지로 되돌리려면 초기화 버튼을 선택합니다.

아이콘 설정 관련 안내

이미지 크기: 292px * 64px

파일 형식: png

파일명: 한글, 영어, 숫자로 구성 (특수문자, 공백, 다른 나라 언어 포함되어 있을 경우 이미지 첨부 불가할 수 있음)

 

 

아이콘 설정 관련 안내

  • 품절 상품, 추천 상품, 신상품 아이콘 사용 여부 설정은 상점관리 > 운영관리 > 운영방식 설정 > 상품 관련 설정 > 상품 아이콘 설정에서 할 수 있습니다.
  • 결제수단 로고 아이콘은 상점관리 > 결제관리 > 결제방식 설정에서 결제수단 표시 방식을 로고 아이콘으로 선택해야 사용할 수 있습니다.

배너 경로 복사

쇼핑몰과 연결되어있는 기능에 대해 자동 제공되는 배너 경로를 복사할 수 있습니다.

  1. 디자인관리 > 디자인 기능설정 > 아이콘으로 이동합니다.
  2. 경로를 복사할 배너의 경로복사 버튼을 클릭합니다.
  3. 복사한 경로를 스마트디자인에서 노출 원하는 위치에 붙여 넣고 저장합니다.
  4. 해당 위치에 배너 이미지가 정상 노출되는지 확인합니다.

공급사 쇼핑몰 관리

공급사의 전체 상품을 한 눈에 볼 수 있는 페이지를 공급사별로 제공하는 기능입니다.
공급사가 여러 개일 경우 관리하는 데 용이하며 특정 공급사 상품만 보고 싶은 고객에게 제공할 수 있습니다.

  1. 디자인관리 > 디자인 기능설정 > 공급사 쇼핑몰관리로 이동합니다.
  2. 목록에서 쇼핑몰 페이지를 만들 공급사의 설정 버튼을 클릭합니다.
  3. -1.사용여부를 사용함으로 선택합니다.
    3-2. 메인 사용 여부는 공급사 쇼핑몰의 메인 화면을 노출할지 선택하는 항목입니다.
    사용 안 함이면 공급사 상품이 포함되어 있는 분류 중 첫 번째 분류 상품 목록이 공급사 쇼핑몰의 첫 화면이 됩니다.
    사용함이면 공급사 정보 등이 포함된 화면이 공급사 쇼핑몰 첫 화면이 됩니다. 사용하기 위해선 디자인 설정이 필요합니다.

Note

공급사 쇼핑몰 메인에 대한 상품 진열은 공급사 어드민에서 설정할 수 있습니다.

3-3. 상단 이미지는 공급사 쇼핑몰에 나타나는 이미지입니다.

3-4. 상품 상세페이지에 표시함으로 설정할 경우 쇼핑몰에서 공급사 상품의 상세페이지로 이동하면 해당 페이지에 공급사 쇼핑몰 바로가기 버튼이 보입니다.

Note

  • 공급사 운영자 ID를 할당받은 공급사만 설정할 수 있습니다.
  • 공급사 쇼핑몰은 해당 공급사와 대표운영자 모두 수정할 수 있습니다.