위멘토 사용가이드


포토샵을 못해도 코딩을 못해도 쉽고 간편하게 관리 해보세요

위멘토 사용 가이드

가이드 5

회원그룹 이용권 활용하기


회원그룹 이용권이란?

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

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

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


활용예시
  • 인터넷 강의 (구매한 회원만 페이지, 게시물 열람 가능)
  • 유료 커뮤니티 (구매한 회원만 페이지, 게시물 열람 가능)
  • 헬스장, 골프장 (온라인 결제로 회원 관리)
참고 : 회원그룹 이용권이 적용된 상품의 경우 네이버페이 정책상 네이버페이 구매 버튼이 항상 숨김처리 됩니다.


구현방법

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. 접속되었다면 성공입니다. 추가적인 콘텐츠를 만들고 더 다양한 회원그룹 이용권을 판매해보세요!



상품 상세페이지에 연관상품은 어떻게 표시하나요?



위멘토에선 판매자께서 지정한 상품이 상품 상세페이지에 노출되도록 하는 기능을 제공하고 있습니다. 예를 들어 티셔츠 상품 페이지에 그와 어울리는 바지나 신발 등을 연관 상품으로 지정하여 매출을 증대시킬 수 있는 수단으로 활용할 수 있습니다.


연관상품 기능은 사이트에 상품이 최소 2개 이상 등록되어 있어야 사용 가능합니다. 상품 등록방법




1단계: 상품관리에 연관상품 등록하기

  1. 내 사이트 관리자 페이지에 접속합니다. 
  2. 왼쪽 메뉴에서 [쇼핑 > 상품관리]로 이동합니다.
  3. 연관상품을 지정할 상품을 클릭해 상품 정보 편집 페이지로 진입합니다.
  4. 스크롤을 내려 연관상품 항목으로 이동한 후 아래 이미지와 같이 사용을 선택한 다음 상품추가 버튼을 클릭합니다.

  5. 연관상품으로 등록할 상품을 검색하고 검색결과에서 선택합니다.
    참고: 다른 연관상품을 계속 이어서 검색하여 추가할 수 있습니다.



  6. 연관상품 등록을 마쳤다면 닫기를 클릭합니다.
  7. 아래와 같이 추가된 연관상품이 추가됩니다. 연관상품으로 등록한 상품들은 기본적으로 상호등록 방식으로 등록되며, 연관상품 표시를 끄려는 경우 사용안함을 선택해 주시면 됩니다.

  8. 저장 버튼을 클릭해 연관상품 등록을 완료합니다.






2단계: 상품 상세페이지에 연관상품 추가하기

  1. 관리 메뉴 왼쪽의 디자인 모드를 클릭합니다.
  2. 디자인 모드에 진입하면, 왼쪽 상단 메뉴 관리를 클릭합니다.
  3. 글로벌 메뉴에 있는 상품 상세페이지를 클릭합니다. 
    만약 상품 상세페이지가 보이지 않는다면 다른 페이지에 쇼핑 위젯을 추가해 보세요.  자세히 알아보기


  4. 왼쪽 상단 위젯 추가  버튼을 누릅니다.
  5. 쇼핑 기획전 위젯을 선택하고, 마우스 클릭 후 드래그 하여 원하는 위치로 이동시킵니다.
  6. 추가된 쇼핑 기획전 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  7. 쇼핑 기획전 설정을 클릭합니다.
  8. 표시 방식을 현재 상품에 따라 표시로 선택합니다.
  9. 표시 대상항목에서 해당 상품의 연관상품 표시를 선택합니다.
  10. (선택 사항) 쇼핑 기획전 모양이나 표시항목 등을 수정해 디자인 합니다.
  11. 쇼핑 기획전 설정 창을 바깥 영역을 클릭해 설정을 완료합니다.





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

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

상단 디자인 시작하기



상단이란?

위멘토에서 웹 페이지는 위에서부터 상단(Header), 본문(Body), 하단(Footer)로 구성됩니다. 

상단에는 로고, 메뉴, 로그인, 회원가입 등이 표시되는 영역으로 내비게이션 메뉴라고도 부릅니다. 상단은 사용자가 의도하지 않는 이상, 모든 페이지에서 반복되어 표시됩니다.


이 도움말에서는 상단 디자인 작업환경을 알아보고 디자인하는 방법을 단계별로 설명합니다.




상단 디자인 작업환경

상단 디자인을 위한 작업환경을 알아봅니다. 

상단 설정은 상단 디자인을 위해 특별히 개발된 모드로, 일부 메뉴는 상단 설정에서 사용이 제한됩니다.

  1. 디자인 모드로 돌아가기 : 상단설정을 종료하고 디자인 모드로 돌아갑니다.
  2. 상단 기본/겹치기 모드 전환 : 탭 메뉴를 클릭해 기본 또는 겹치기 상태의 상단을 디자인할 수 있습니다.
  3. 뷰포트 변경 : 뷰포트 변경 아이콘을 클릭해 뷰포트를 변경합니다.
  4. 공통 디자인 설정 : 공통 디자인 설정을 변경합니다. 설정 변경 시 사이트 전체에 영향을 줄 수 있습니다.
  5. 위젯 추가 : 섹션에 마우스 포인터를 올리면 나타나는 **⨁ 아이콘**을 클릭해 상단 전용 위젯을 추가합니다.
  6. 고정메뉴 설정 : 마우스 휠 스크롤 시 상단 메뉴가 페이지 상단에 고정되도록 설정합니다. 이 기능은 고정메뉴 토글을 활성화 해야 동작합니다.
  7. 상단 테마 : 미리 제작된 상단 디자인 중 하나를 선택할 수 있습니다.
  8. 섹션 설정 : ⓘ 아이콘을 클릭하면 해당 섹션의 섹션 설정 창을 켤 수 있습니다.
  9. 스크롤 고정 : 고정 핀 아이콘을 클릭해 특정 상단 섹션을 페이지 상단에 고정합니다. 스크롤 고정한 섹션은 방문자가 마우스 휠 스크롤을 내려도 사라지지 않고 페이지 상단에 고정됩니다.
  10. 상단 열 구분선 : 상단은 위젯 배치에 따라 최대 3개의 열로 나눌 수 있습니다. 사용자는 섹션에 마우스 포인터를 올리면 표시되는 열 구분선을 마우스로 클릭 후 드래그하여 위젯이 표시될 영역을 직접 지정할 수 있습니다.
  11. 빈 섹션 추가 : 새로운 상단 빈 섹션을 추가합니다.

 



상단 디자인 시작하기

상단 디자인 방법을 단계별로 설명합니다.

참고: 일부 과정은 선택 사항으로 사용자의 사이트 디자인 콘셉트에 따라 건너뛸 수 있습니다.



1단계: 상단 설정 진입하기

상단을 디자인하기 위해서는 가장 처음 상단 설정으로 진입해야 합니다.

진입방법

  1. 디자인 모드에 접속합니다.
  2. 디자인 모드 오른쪽 상단의 상단설정을 클릭합니다.




2단계: 상단 위젯 추가 및 배치하기

상단 섹션에 위젯을 추가하고, 원하는 위치로 이동시킵니다.

참고: 상단 전용 위젯에 대한 정보는 위젯별 기능 설명 (상단 전용) 도움말을 참고할 수 있습니다.

위젯 추가 방법

상단 섹션에 마우스 포인터를 올리면 ⨁ 아이콘이 나타납니다. 

⨁ 아이콘을 클릭하면 위젯 목록이 나타나며, 사용자는 원하는 위젯을 클릭해 추가합니다.


상단 위젯 추가하기


상단 위젯 이동하기

마우스로 위젯 클릭 후 드래그하여 위치를 이동합니다. 또는 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭하면 나타나는 보조 메뉴에서 방향(왼쪽, 가운데, 오른쪽)을 클릭해 이동시킬 수도 있습니다.


상단 위젯 이동하기





(선택 사항) 3단계: 상단 열 간격 조절하기

상단 각 영역의 너비를 조절할 수 있습니다. 이 단계는 선택 사항으로, 삽입한 위젯의 모양이 비정상적으로 틀어지거나 메인 메뉴가 ⋯ 으로 표시되는 경우 시도할 수 있습니다.

상단 위젯 표시 영역

상단 섹션은 배치한 위젯의 위치(왼쪽, 가운데, 오른쪽)에 따라 가로 최대 3개 영역으로 나눠집니다. 

각 영역은 상단에 마우스 포인터를 올리면 표시되는 열 구분선(파란색 세로 점선)을 통해 구분할 수 있습니다.


열 간격 조절 방법

만약 위젯이 원하는 모양으로 표시되지 않는 경우, 상단 섹션에 마우스 포인터를 올리면 나타나는 열 구분선을 마우스 클릭 후 좌우로 드래그하여 영역의 너비를 조절합니다.


상단 열 간격 조절하기

참고: 3열로 나눠진 경우, 열 구분선은 한쪽을 드래그하면 반대편의 구분선도 함께 조절됩니다.





4단계: 상단 위젯 설정 변경하기

위젯 설정을 열어, 각 위젯이 가진 고유의 옵션을 변경합니다.

설정방법

위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다. 

보조 메뉴가 나오면 해당 위젯 설정을 클릭해 옵션을 설정합니다. (아래 그림은 메뉴 위젯에 마우스 오른쪽 버튼을 클릭한 상태입니다.)


단, 텍스트 위젯으로 텍스트를 추가하려면 텍스트 위젯을 마우스로 더블-클릭하여 작성합니다.


위젯 설정 열기





(선택 사항) 5단계: 상단 섹션 추가하기

페이지 본문을 여러 개의 섹션으로 구성하듯, 상단도 2개 이상의 섹션들로 구성할 수 있습니다. 

빈 섹션을 추가해 로고 영역과 메뉴 영역을 나누는 등 다양한 방법으로 나만의 상단을 디자인해 보세요.

추가방법

위젯이 없는 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다. 보조 메뉴가 나오면 빈 섹션 추가를 클릭합니다.


빈 섹션 추가하기

또는 섹션 하단의 빈 섹션 추가 ⨁ 를 클릭해 추가할 수도 있습니다.





(선택 사항) 6단계: 스크롤 고정하기

방문자가 마우스 휠 스크롤을 내리더라도, 상단 섹션이 페이지 최상단에 고정되어 표시되도록 설정할 수 있습니다.

섹션 단위로 스크롤 고정하기

핀 아이콘을 클릭해 스크롤 고정 옵션을 활성화 할 수 있습니다.

만약 섹션을 여러 개 사용하는 경우, 아래 그림과 같이 특정 섹션만 고정할 수도 있게 모든 섹션마다 스크롤 고정 옵션이 제공됩니다.


고정메뉴 설정하기

위 스크롤 고정과 유사하지만, 마우스 휠 스크롤 시 페이지 최상단에 고정되어 표시되는 상단 섹션의 디자인을 완전히 다른 디자인으로 제작해 표시할 수 있다는 점이 다릅니다. 고정메뉴 설정을 클릭해 새로운 상단을 디자인할 수 있습니다.


중요: 고정메뉴 기능은 고정메뉴 토글 버튼을 클릭해야 활성화 되어 동작하며, 기존에 스크롤 고정을 설정한 경우 해제됩니다.






(선택 사항) 7단계: 기본 상단과 겹치기 상단 디자인

상단 겹치기 기능을 사용 중인 경우, 겹치기 상태의 상단 디자인 작업이 추가로 필요합니다. 

예를 들어, 상단 기본에 사용된 로고의 색상과, 겹치기에 사용된 배경 이미지의 색상이 유사한 경우 방문자의 눈에 로고가 보이지 않을 수 있습니다.

설정방법

  1. 상단 설정에서 겹치기 탭 메뉴를 클릭합니다.

  2. 겹치기에 사용된 배경 이미지의 색상, 밝기 등을 고려하여, 상단의 로고, 텍스트 등의 색상을 변경합니다.




(선택 사항) 8단계: 모바일 상단 편집하기

PC 버전 상단을 디자인 하면 모바일 상단이 자동으로 제작됩니다. 만약 자동 제작된 모바일 상단 디자인이 마음에 들지 않는 경우, 아래 도움말 링크를 참고해 모바일 전용 상단을 디자인할 수 있습니다.

편집방법

상단 설정의 뷰포트 변경 아이콘을 클릭해 뷰포트를 모바일로 변경합니다. 모바일 뷰포트로 전환되면 디자인한 모바일 상단 디자인은 별도의 디자인을 유지합니다.






9단계: 상단 설정 종료하기

상단 디자인을 마치면 상단 설정을 종료하고, 디자인 모드로 돌아갑니다.

종료방법

왼쪽 상단의 디자인 모드로 돌아가기, 또는 오른쪽 상단의 상단 나가기 버튼을 클릭해 상단 설정을 종료합니다.






상단 위젯 이동하기



상단에 위젯을 추가하고 원하는 위치로 이동시킬 수 있습니다.


이동방법

열 단위로 이동하기

열 단위로 간편하게 이동시킬 수 있습니다.

  1. 위젯에 마우스 오른쪽 버튼을 클릭합니다.
  2. 왼쪽/가운데/오른쪽 중 원하는 방향을 클릭합니다.

  3. 위젯이 열 단위로 이동합니다.


마우스로 이동하기

마우스로 위젯을 원하는 위치로 옮길 수 있습니다.

  1. 마우스로 위젯을 클릭한 체로 유지합니다.
  2. 원하는 위치로 드래그합니다.
  3. 원하는 위치에 검정 선이 나타나면 마우스를 놓습니다.

  4. 위젯이 이동됩니다.

상단 위젯 추가하기




상단 디자인을 위한 위젯을 추가할 수 있습니다.


추가방법

  1. 디자인 모드에 접속합니다.
  2. 상단 영역에 마우스 우클릭 후 상단 설정에 진입합니다.
  3. 섹션에 마우스 커서를 올립니다.
  4. 위젯 추가 아이콘이 나타나면 클릭합니다.

  5. 위젯 목록이 나타나면 클릭해 삽입합니다.

INFORMATION


상호명 : (주)위멘토


사업자등록번호 : 506-87-00931

통신판매업번호 : 제2022-서울강서-1096호 

고객센터 : 1800-2142 ∣ 이메일 : sales@wemento.kr

대표자 : 김성진 ∣ 개인정보책임자 :김성진

주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호

호스팅주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호


© BYULZZI Corp. All Rights Reserved. hosting by byulzzi