사이트 접속 속도 측정방법

1단계: 크롬 개발자도구 열기

• Google 크롬 브라우저를 켭니다.
• 내 사이트에 접속합니다.
• 키보드 단축키 F12 (Mac: Option + Command +  I)를 누릅니다.
• 다음처럼 개발자 도구가 화면 오른쪽에 나타납니다.

2단계: 개발자도구 내 'Network' 탭에서 기록 시작

• Network탭을 클릭합니다.

• 개발자도구 화면을 기준으로 왼쪽 상단 원형의 기록 아이콘을 클릭합니다. 또는 키보드 단축키 CTRL + E(Mac : Command + E)를 누릅니다.

기록이 시작됩니다.

3단계: '캐시 비우기 및 강력 새로고침'으로 사이트 다시 열기

• 브라우저 왼쪽 상단 새로고침 아이콘 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
• 캐시 비우기 및 강력 새로고침을 클릭합니다.

이제 해당 페이지의 트래픽/속도가 체크되어 리스트로 만들어집니다.
주의: 반드시 캐시 비우기 및 강력 새로고침으로 페이지를 새로고침 해야 정확한 측정이 가능합니다.

4단계: 트래픽/속도 확인하기

• 다음의 설명을 참고해 속도를 저해하는 요소들을 확인할 수 있습니다. 
• 여러 항목들이 있지만 주로 Name, Type, Size, Time을 통해 확인합니다. 각 항목은 마우스를 클릭해 높은 순 또는 낮은 순으로 정렬이 가능합니다.

• Name: 로드하는 파일의 이름이 표시됩니다. 마우스로 클릭해 이미지를 확인하거나 파일 내용을 확인할 수 있습니다.
• Type: 파일의 형식이 표시됩니다.
• Size: 파일의 크기가 표시됩니다.
• Time: 로드되기까지 시간이 표시됩니다.

사이트가 로드되기까지 걸리는 총 시간 및 트래픽이 표시됩니다.

위 항목들을 확인해 비정상적으로 과부하가 걸리는 이미지나 파일이 없는지 확인해 보세요. 

커스텀 상품 뱃지 설정하기

상품 뱃지란, 상품 목록에 나타나는 신상품, BEST, MD추천과 같은 표시요소를 가리킵니다. 상품 뱃지는 상품 등록 또는 편집 과정에서 해당 상품에 뱃지 적용여부를 선택할 수 있으며, 필요에 따라 기본 제공하는 상품 뱃지 외 직접 디자인한 상품 뱃지를 사용할 수도 있습니다.

이 도움말에서는 직접 디자인한 커스텀 상품 뱃지를 설정하는 방법을 설명합니다.

시작에 앞서

상품 뱃지를 설정하기에 앞서 기본 쇼핑 설정을 마치고, 상품을 등록하실 것을 권장합니다.

설정방법

1. 디자인 모드에 접속합니다.
2. 쇼핑 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
3. 컨텍스트 메뉴가 나오면 쇼핑설정을 클릭합니다.
4. 설정 창 상단의 뱃지 설정 탭을 클릭합니다.

5. 아이콘 항목에서 변경하려는 뱃지의 오른쪽에 위치한 카메라 아이콘을 클릭합니다.

   

6. 뱃지로 사용할 이미지 파일을 올립니다.

   참고: 모바일에서 최적의 결과를 보여주기 위해 뱃지 이미지 파일은 실제 크기의 2배 크기로 제작하실 것을 권장합니다. (권장 세로 크기: 44px, 가로: 자유)
7. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭해 상품 뱃지가 적절하게 표시되고 있는지 확인합니다.
8. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.

관련 도움말: 상품 뱃지가 표시되지 않는 경우

상품 뱃지가 표시되지 않는 경우, 쇼핑 위젯에 뱃지 표시가 설정되지 않았을 수 있습니다. 상품 뱃지가 나타나지 않아요 도움말을 참고해 뱃지 표시옵션을 설정해 주세요.

캐시 비우기 및 강력 새로고침 활용하기 (구글 크롬 브라우저)

디자인 모드에서 사이트 편집 후 변경사항을 게시했으나 적용되지 않는 때가 있습니다. 

위 문제는 대개 웹 캐시로 인해 생기는 문제로, 사용 중인 웹 브라우저의 캐시를 초기화 하는 것으로 해결할 수 있습니다.

단, 일반 캐시 초기화 방법의 경우 웹 브라우저에 저장된 계정 정보, 비밀번호 등 웹사이트 설정도 함께 삭제될 수 있어, 사용자에 따라 매우 곤란해질 수 있습니다.

만약 Google 크롬 브라우저를 사용하는 경우 캐시 비우기 및 강력 새로고침을 사용해 볼 수 있습니다. 이 기능은 웹 브라우저 전체 설정을 삭제하지 않고, 원하는 페이지의 캐시만 간편하게 초기화하는 것이 가능합니다.

사용방법

1. 내 PC에서 Google 크롬 브라우저를 켭니다.
2. 디자인 모드에서 게시해도, 작업사항이 반영되지 않는 메뉴(페이지)에 접속합니다.
3. 크롬 브라우저 오른쪽 상단 더보기 아이콘을 클릭합니다.
4. [도구 더보기 > 개발자 도구]를 클릭해 개발자 도구를 열어줍니다. 또는 아래의 단축키를 사용할 수도 있습니다.
   • Windows: F12
   • Mac: Command + Option + I
5. 오른쪽에 개발자 도구가 나타나면 크롬 브라우저 왼쪽 상단 새로고침 아이콘에 마우스 포인터를 올립니다.
6. 마우스 오른쪽 버튼을 클릭합니다.
7. 다음 그림처럼 새로고침 메뉴가 나타나면 캐시 비우기 및 강력 새로고침을 클릭합니다.
8. 캐시 비우기 및 강력 새로고침 과정이 완료되면, 페이지 내 콘텐츠가 최근 변경한 것들로 적용되었는지 확인합니다.

국민은행 에스크로 인증마크 사이트 삽입하기

KB 국민은행에서 에스크로 안전거래 확인증을 발급 받으신 경우 다음 도움말을 참조하여 인증마크를 사이트에 삽입할 수 있습니다. 

본 도움말에서는 발급 받은 국민은행 에스크로 정보를 다시 확인하는 방법 및 인증마크를 사이트 하단(Footer)에 삽입하는 방법을 다룹니다.

• 주의 : 본 도움말에서는 에스크로 발급방법을 다루지 않습니다.
• 참고 : 에스크로 안전거래 확인증은 등록하신 전자결제(PG)사에 신청하실 수도 있습니다.

인증마크 확인 및 삽입방법

1단계, 기존 국민은행 에스크로 링크 확인하기

국민은행에 접속해 발급 받은 에스크로 인증마크 정보를 확인합니다.

1. KB 국민은행에 접속합니다.
2. 상단 메뉴에 기업을 클릭하고, 기업용 공인인증서로 로그인합니다.

3. 로그인 후 상단 메뉴에서 [전체서비스 - 에스크로이체]를 클릭합니다.

   
   
   

4. 에스크로이체 페이지가 나타나면 상단 판매자 인증마크 메뉴를 클릭합니다.

   
   
   

5. 왼쪽 메뉴에서 인증마크 기존 정보 확인을 클릭합니다.

   
   
   

6. 페이지 하단 에스크로 인증마크 이미지에 마우스 오른쪽 버튼을 클릭해 인증마크 이미지를 다운로드 합니다.

   
   
   

7. 이미지 다운로드를 마쳤으면 다음으로 인증마크를 마우스로 클릭합니다.

   
   
   
8. 팝업창이 뜨면 KB에스크로 이체 판매자 확인정보 창이 나타납니다.
   
   

9. 상단 주소창을 마우스로 클릭 후 링크 주소를 복사해 메모장에 복사해둡니다. (단축키 : Ctrl + C)
   
   

   

2단계, 사이트에 삽입하기

다운로드한 인증마크 이미지를 사이트에 삽입하고, 링크를 추가하는 단계입니다.

1. 사이트 디자인 모드에 접속합니다.
2. 하단 텍스트 입력 가능한 영역에 마우스를 클릭합니다. 추가 하단 설정방법

3. 편집도구가 나타나면 이미지 첨부 버튼을 클릭해, 다운로드한 인증마크 이미지를 업로드합니다.

   
   
   

4. 크기 변경 버튼을 클릭합니다.

   
   
   

5. 가로, 세로 크기를 조절합니다.

   
   
   

6. 인증마크 이미지를 다시 한 번 클릭하고 링크 삽입을 클릭합니다.

   
   
   

7. 위 1단계 9번 항목에서 복사한 KB에스크로 이체 판매자 확인정보 링크를 붙여넣습니다.

   
   
   
8. 텍스트 위젯 바깥 영역을 클릭해 편집모드를 해제합니다.
   
   

9. 디자인 모드 오른쪽 상단 미리보기를 클릭해 인증마크 클릭 시 정상적으로 작동하는지 확인하고, 게시하기를 클릭해 실제 사이트에 반영합니다.

   
   
   
   

사이트 제목(이름) 변경하기

사이트 이름은 다음과 같은 방법으로 언제든지 바꿀 수 있습니다. 아래의 방법 중 하나만 수행하면 됩니다.

환경설정에서 사이트 제목 변경

1. 내 사이트의 관리 페이지(대시보드)에 접속합니다.
2. 환경설정 메뉴를 클릭합니다.
3. 기본설정 메뉴를 클릭합니다.
4. 사이트 이름을 수정합니다.
5. 변경사항 저장 버튼을 클릭하여 반영합니다.

디자인 모드에서 사이트 제목 변경

1. 헤더섹션이 있는 곳에서 마우스 오른쪽 버튼을 클릭합니다.
2. 섹션 설정 메뉴를 클릭합니다.
3. 사이트명에서 사이트 이름을 수정합니다.
4. 별도의 저장과정 없이 즉시 반영됩니다.

상품 진열하기

등록한 상품들을 내 사이트에서 방문자가 보고 구매할 수 있도록 진열합니다.

1단계: 빈 메뉴 추가하기

1. 디자인 모드에 접속합니다. 
2. 왼쪽 상단 메뉴 관리  ≡ 를 클릭합니다.
3. 상단 메뉴 오른쪽 끝 ⨁ 아이콘을 클릭합니다.
4. 메뉴명을 작성하고 확인을 클릭합니다. 예시) SHOP, STORE 등

2단계: 쇼핑 위젯 추가하기

1. 디자인 모드 왼쪽 상단의 위젯 추가 아이콘을 클릭합니다.
2. 쇼핑 위젯을 클릭합니다.

3단계: 위젯 설정 열기

1. 쇼핑 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
2. 컨텍스트 메뉴가 나타나면 쇼핑 설정을 클릭합니다.

4단계: 카테고리 연동하기

아래 그림을 참고하여, 상품 카테고리를 연결합니다. 해당 카테고리에 포함된 모든 상품(하위 카테고리 포함)들이 모두 표시됩니다.

5단계: 쇼핑 위젯 디자인하기

남은 쇼핑 설정 항목들을 수정해 쇼핑 위젯에 표시할 요소들을 선택하고, 스타일을 변경합니다.

1. 표시옵션 : 상품 목록에 표시할 표시요소를 켜고 끌 수 있습니다.
2. 진열 : 표시할 상품 카테고리를 선택하고, 정렬, 출력수, 페이지 방식을 설정할 수 있습니다.
   
   • 카테고리 : 표시할 상품의 카테고리를 선택해 주세요. 위 4단계 설명을 참고할 수 있습니다.
   • 정렬 : 상품 정렬순을 등록순, 인기순 등으로 변경할 수 있습니다.
   • 출력수 :  한 번에 출력할 상품 개수를 선택합니다.
   • PC 페이지 방식 : PC 버전에서 다음 상품을 보기 위해 숫자 대신 더보기 등 페이지 방식으로 변경할 수 있습니다.
   • 모바일 페이지 방식 : 모바일 버전에서 다음 상품을 보기 위해 숫자 대신 더보기 등 페이지 방식으로 변경할 수 있습니다.
3. 디자인
   
   • 이미지 비율 : 상품 이미지 비율을 선택합니다. *선택한 비율은 상품 상세페이지 이미지에도 그대로 적용됩니다.
   • 1줄 개수 : 1줄에 몇 개의 상품을 표시할지 선택합니다.
   • 상품 간격 : 상품 이미지 간 간격을 조절할 수 있습니다.
   • 텍스트 정렬 : 상품명 및 상품가격과 같은 정보를 왼쪽, 가운데, 오른쪽 정렬시킵니다.
   • 상품명, 판매가, 회원등급가, 요약설명 : 각 옵션 텍스트의 크기 및 색상, 굵게 옵션을 수정합니다.

6단계: 미리보기 및 게시하기

1. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
2. 연동한 상품 카테고리의 상품들이 표시되는지 확인합니다.
3. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.

쇼핑 위젯과 상품 카테고리 연동 후 메뉴의 변화

1. 웹사이트에 표시된 SHOP 메뉴와 상품 카테고리(하위 메뉴)

위 과정을 마치면 다음 그림처럼 SHOP 메뉴 아래 상품 카테고리가 하위 메뉴처럼 표시됩니다.

2. 생성한 상품 카테고리

위 상품 카테고리의 이름, 순서 등은 관리자 페이지의 [쇼핑 > 상품관리]에서 카테고리 관리를 클릭해 변경할 수 있습니다.

회원그룹 이용권 활용하기

회원그룹 이용권이란?

회원그룹 이용권은 상품 판매 방식의 하나입니다. 

사이트 회원은 회원그룹 이용권을 결제해 구매할 수 있으며, 구매 즉시 판매자가 설정한 특정 그룹으로 지정된 기간 동안 유지됩니다. 

구매자는 판매자가 지정한 그룹에게만 허용하는 콘텐츠를 열람할 수 있습니다.

활용예시

• 인터넷 강의 (구매한 회원만 페이지, 게시물 열람 가능)
• 유료 커뮤니티 (구매한 회원만 페이지, 게시물 열람 가능)
• 헬스장, 골프장 (온라인 결제로 회원 관리)

구현방법

1단계, 사용자 그룹 추가하기

회원이 회원그룹 이용권 상품 구매 시 자동으로 변경될 사용자 그룹을 추가합니다.

1. 관리자 메뉴에 접속합니다.
2. 왼쪽 관리 메뉴에서 [사용자 관리 - 사용자 목록]을 클릭합니다.

3. 새 그룹 만들기를 클릭합니다.

   

4. 그룹명을 입력하고, 그룹 유형을 일반 회원 그룹으로 선택합니다.

   
5. 그룹 만들기를 클릭해 새 그룹 생성을 완료합니다.

2단계, 회원그룹 이용권 상품 카테고리 만들기

쇼핑 위젯에 연동할 상품 카테고리를 추가합니다. 

상품 카테고리 구성에 대한 더 자세한 방법은 이 도움말을 참조할 수 있습니다. 

1. 왼쪽 관리 메뉴에서 [쇼핑 - 상품관리]를 클릭합니다.

2. 카테고리 관리를 클릭합니다.

   
3. 카테고리 관리 창이 켜지면 새 카테고리를 클릭합니다.

4. 카테고리명을 입력하고 엔터(Enter)를 클릭해 적용합니다.

   
5. 저장 버튼을 눌러 반영합니다.

3단계, 회원그룹 이용권 상품 등록하기

회원그룹 이용권이 적용된 상품을 등록합니다.

1. 상품관리 페이지의 오른쪽 상단 상품 추가를 클릭합니다.

2. 상품 정보를 꼼꼼히 입력합니다.

   
   • 상품 이미지를 1개 이상 추가합니다. 권장 해상도 : 750x750픽셀 / PNG, JPG, GIF
   • 상품명 및 요약설명을 입력합니다.
   • 분류 항목에 위 1단계에서 추가한 카테고리를 선택합니다.
   • 상세설명을 입력합니다.
   • 판매 방식을 회원그룹 이용권으로 선택하고, 위 1단계에서 추가한 사용자 그룹으로 지정합니다.
   • 해당 회원그룹이 유지되는 기간을 입력합니다.
     참고 : 회원그룹 이용권은 구매 시각에 관계 없이 만료 당일 23시 59분에 만료됩니다.
   • 상품 가격을 입력합니다.
   • 배송 및 택배 항목에서 배송설정 수정을 클릭하고 배송없음을 선택합니다.
   • (선택 사항) 필요에 따라 연관 상품, 검색엔진 최적화, 옵션 등을 수정합니다.
   •  저장 버튼을 눌러줍니다.

4단계, 회원그룹 전용 메뉴 만들기

특정 회원그룹만이 접근할 수 있는 메뉴를 추가합니다.

1. 디자인 모드에 접속합니다.
2. 왼쪽 상단 메뉴 추가 버튼을 클릭합니다.
3. 메뉴명을 입력하고 확인을 눌러줍니다.
4. 새로운 메뉴에 마우스 커서를 올리고, 오른쪽 끝 ⓘ 아이콘이 나타나면 클릭합니다.

5. 메뉴 설정 창 하단에 접근 권한 항목에서 사용자 지정 그룹을 선택합니다.

   

6. 허용 그룹 항목에서 이 메뉴에 접근 가능한 그룹을 지정합니다.
   참고 : 실수로 그룹을 잘못 지정한 경우 추가된 그룹을 마우스 클릭하면 해제됩니다.

   

5단계, 회원그룹 전용 콘텐츠 추가하기

위 4단계에서 추가한 회원그룹 전용 메뉴에 해당 회원그룹만이 볼 수 있는 콘텐츠를 추가합니다.

• 단일 페이지 또는 여러 페이지에 교육 콘텐츠를 직접 추가할 수 있습니다.
• 단일 페이지에 여러 개 콘텐츠를 추가하려면 게시판 위젯을 권장드립니다.

6단계, 상품 목록 메뉴 만들기

회원이 상품정보를 보고 구매할 수 있는 상품 목록 메뉴를 제작하는 단계입니다. 

새로운 빈 메뉴에 쇼핑 위젯을 추가하고, 2단계에서 생성한 상품 카테고리를 연동합니다.

1. 디자인 모드에 접속합니다.
2. 왼쪽 상단 메뉴 관리버튼을 클릭합니다.
3. 메뉴명을 입력하고 확인을 눌러줍니다.
4. 왼쪽 상단 위젯 추가버튼을 클릭합니다.

5. 쇼핑 위젯을 선택합니다.

   
6. 쇼핑 위젯에 마우스 오른쪽 버튼을 클릭합니다.
7. 보조 메뉴가 나타나면 쇼핑 카테고리 설정을 클릭합니다.

8. 진열 항목에서 상품 카테고리를 선택합니다.
   참고 : 상품 카테고리는 위 2단계에서 회원그룹 상품 등록 시 지정했던 상품 카테고리여야 합니다.

   
9. (선택 사항) 위젯을 더해 상품 목록 페이지를 디자인합니다.

7단계, 상품 구매 테스트하기

1. 구글 크롬 브라우저를 켭니다.

2. 시크릿 모드 창을 엽니다. (단축키 : Ctrl + Shift + N)

   
3. 사이트에 접속합니다.
   

   참고 : 시크릿 모드를 사용하면 해당 브라우저 탭에서만 로그인 기록이 사라지기 때문에 방문자로 사이트 테스트가 편리합니다.

4. 테스트 용 계정으로 회원가입합니다.
5. 회원그룹 이용권 전용 메뉴에 접속을 시도합니다. 접속 되지 않는다면 정상입니다.
6. 상품 목록 페이지로 이동해 회원그룹 이용권 판매 방식이 적용된 상품을 구매합니
   참고 : 상품 등록 시 가격을 0원으로 해두시면 테스트가 편리합니다.
7. 구매완료 즉시 회원그룹 이용권 전용 메뉴에 접속합니다.
8. 접속되었다면 성공입니다. 추가적인 콘텐츠를 만들고 더 다양한 회원그룹 이용권을 판매해보세요!

상품 순서 직접 변경하는 방법 (등록순)

상품 진열 순서를 임의로 변경할 수 있습니다.

변경 방법

1단계, 상품 순서 변경하기

1. 관리자 메뉴에 접속합니다.
2. 왼쪽 관리 메뉴에서 [쇼핑 - 상품관리]를 클릭합니다.
3. 상품 오른쪽 끝 더보기  아이콘을 클릭합니다.

4. 맨 위로/위로/아래로/맨 아래로 버튼을 클릭해 상품 순서를 변경합니다.

   

2단계, 상품 등록순으로 정렬 변경하기

1. 디자인 모드에 접속합니다.
2. 쇼핑 위젯이 삽입된 메뉴로 이동합니다.

3. 쇼핑 위젯에 마우스 오른쪽 버튼을 클릭해 쇼핑 카테고리 설정을 클릭합니다.

   

4. 진열 항목에서 정렬을 등록순을 변경합니다.

   

구매평(리뷰) 사용여부 및 작성 권한 설정하기

상품 카테고리별 다른 디자인 적용하기

시작에 앞서

쇼핑 위젯과 쇼핑 기획전 위젯 2가지를 함께 사용해, 메뉴마다 다른 디자인으로 페이지를 꾸미고 상품을 진열할 수 있습니다. 

다음 사이트에서 샘플을 확인하실 수 있습니다.

본 튜토리얼을 진행하기에 앞서 기본 쇼핑설정을 하지 않으셨다면 다음 도움말을 먼저 읽어주세요.

PART 1. 숨김 쇼핑 메뉴 만들기

쇼핑 위젯이 삽입된 숨김 메뉴를 제작합니다. 

본 숨김 메뉴는 쇼핑몰 자동 구성을 위한 메뉴이며, 실제 페이지에는 표시되지 않습니다.

1단계, 빈 메뉴 추가하기

1. 디자인 모드에 접속합니다.
2. 왼쪽 상단 메뉴 관리를 클릭합니다.

3. 상단 메뉴 오른쪽 끝 ⨁를 클릭해 새로운 빈 메뉴를 추가합니다.

   

4. 메뉴명을 입력하고 확인을 클릭합니다. (예시 메뉴명 : SHOP 숨김)

   

2단계, 메뉴 숨기기

1. 새로 추가한 메뉴에 마우스 오른쪽 버튼을 클릭해 메뉴 설정을 켭니다.

2. 설정 창 하단 옵션 항목에서 메뉴 숨김를 체크합니다.

   
3. 상단 메뉴바에서 상품 메뉴가 숨겨집니다.

3단계, 쇼핑 위젯 추가 및 설정 열기

1. 왼쪽 상단 더하기를 클릭해 쇼핑 위젯을 추가합니다.
2. 추가한 쇼핑 위젯에 마우스 오른쪽 버튼을 클릭해 위젯 설정을 엽니다.

4단계, 위젯 설정하기

쇼핑 위젯에 상품 카테고리를 연동하고 주요 설정 요소들을 수정합니다.

1. 진열 항목에서 상품 카테고리를 선택합니다.
2. 디자인 항목에서 이미지 비율 지정합니다.
   *주의 : 이곳에서 지정한 비율이 상품 상세페이지 이미지에도 적용됩니다.

3. Hover 효과를 지정합니다. *예 : 상품명, 가격 표시

   

5단계, 글로벌 메뉴 확인하기

1. 디자인 모드 왼쪽 상단 메뉴 관리를 클릭합니다.

2. 글로벌 메뉴에 상품 상세페이지, 장바구니, 마이페이지 메뉴가 생성 되었는지 확인합니다. *쇼핑 위젯 추가 시 자동 생성

   

PART 2. 상품 카테고리 메뉴 디자인

상품 카테고리 수만큼 메뉴를 만들고, 추가한 메뉴에 쇼핑 기획전 위젯 외 기타 위젯들을 사용해 페이지를 디자인하고 상품을 진열하는 방법을 알아봅니다.

1단계, 메뉴 추가하기

1. 디자인 모드 왼쪽 상단 메뉴 관리를 켭니다.

2. 상품 카테고리 메뉴로 사용할 메뉴를 추가(4개) 합니다. *상품 카테고리 수에 따라 메뉴 개수는 달라질 수 있습니다.

   

2단계, 메뉴 그룹화 및 메뉴명 수정하기

1. 메뉴를 다음 그림처럼 그룹 메뉴로 구성합니다.

   
2. (필요한 경우) 메뉴명과 메뉴별 주소(URL)를 수정합니다.

3단계, 상위 메뉴 디자인 및 상품 진열하기

SHOP(상위 메뉴)에 상품을 진열하고 페이지를 디자인합니다.

1. SHOP(상위 메뉴)로 이동합니다.
2. 원하는 구성으로 SHOP 페이지를 디자인합니다.
3. 기획전 위젯을 추가합니다.
4. 추가한 위젯에 마우스 오른쪽 버튼을 클릭하고 쇼핑 기획전 설정을 클릭합니다.

5. 표시 대상 항목에서 표시할 상품 카테고리를 선택합니다.

   

4단계, 하위 메뉴 디자인 및 상품 진열하기

1. Beans(하위 메뉴)로 이동합니다.
2. 원하는 구성으로 Beans 페이지를 디자인합니다.
3. 기획전 위젯을 추가합니다.
4. 추가한 위젯에 마우스 오른쪽 버튼을 클릭하고 쇼핑 기획전 설정을 클릭합니다.

5. 표시 대상 항목에서 표시할 상품 카테고리를 선택합니다.

   

6. 나머지 Cup, Equipment 메뉴도 위 절차에 따라 제작합니다.

5단계, 사이트 미리보기 및 게시하기

미리보기를 클릭해 작업한 내용을 확인하고 게시하기를 클릭해 방문자가 보고 구매할 수 있도록 적용합니다.