위멘토 사용가이드


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

위멘토 사용 가이드

가이드 296

하단 설정하기 (푸터)




하단이란?

하단 또는 푸터(Footer)라는 이름을 가진 이 섹션은 문서로 치면 꼬리말 영역을 말합니다. 

하단/푸터 영역은 사용자가 의도적으로 제외하지 않는 이상 모든 페이지 최하단에 똑같이 표시됩니다.



하단 디자인 시작하기

하단 디자인을 변경하고, 설정하는 단계별 방법을 설명합니다.


1단계: 하단 디자인 변경하기

미리 구성된 하단 디자인 템플릿을 불러와 하단 디자인을 변경합니다.

변경방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 마술봉 아이콘을 클릭합니다.

  3. 섹션 추가 메뉴가 나오면 푸터 카테고리에 마우스 포인터를 올립니다.
  4. 마음에 드는 푸터 템플릿을 마우스로 클릭합니다.

  5. 섹션 추가 바깥 영역을 클릭해 설정을 종료합니다.



2단계: 하단에 텍스트 정보 입력하기

하단 템플릿마다 텍스트를 입력할 수 있는 영역이 존재합니다. 텍스트 영역을 마우스로 클릭하여, 사업자 정보, 연락처, 주소 등의 정보를 입력합니다.

설정방법

  1. 하단 영역에서 텍스트가 입력된 영역을 마우스로 클릭합니다.

  2. 텍스트 에디터가 열리면 텍스트를 입력하거나, 이미지를 첨부하여 꾸밉니다.
  3. 텍스트 에디터 바깥 영역을 클릭해 텍스트 입력을 종료합니다.



3단계: 하단 표시요소 변경 및 설정하기

하단 설정을 열어, 하단에 표시되는 요소 및 링크 설정하고 배경을 변경할 수 있습니다. 하단 표시요소 및 기타 설정에 대한 더 자세한 내용은 하단 요소 변경 및 설정하기 도움말에서도 알아볼 수 있습니다.

설정방법

  1. 하단 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.

  2. 컨텍스트 메뉴가 나타나면 하단 설정을 클릭합니다.
  3. 표시요소 항목에서 하단에 표시될 요소를 선택 또는 선택 해제합니다.
  4. 디자인 요소 항목에서 하단 섹션의 텍스트와 여백, 배경을 설정합니다.
  5. SNS/링크 공유하기 항목에서 하단 섹션에 표시할 SNS 또는 일반 링크를 설정합니다.


커스텀 하단 디자인하기

기본 하단 섹션 템플릿이 디자인 콘셉트에 맞지 않는 경우, 아래의 도움말 링크를 참고해 사용자가 직접 하단을 디자인할 수 있습니다.




하단 SNS 링크 추가 및 삭제하기 (푸터)



참고: 사이트 개설 시 선택하신 테마에 따라 현재 화면의 하단 디자인과 아래 예시 그림은 다를 수 있습니다. 하단 디자인이 마음에 들지 않는 경우 다음 하단 푸터 설정하기 도움말을 참고해 변경해 보세요.


하단(Footer) 영역에 SNS 링크를 추가할 수 있습니다. SNS 링크를 표시 및 추가하는 경우 다음처럼 하단에 표시됩니다.


설정방법

  1. 디자인 모드에 접속합니다. 
  2. 하단 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭하여 하단 설정을 엽니다. 하단 설정 열기
  3. 표시 요소 항목에서 SNS 바로가기를 선택합니다.
  4. 마우스 휠을 스크롤 하여 SNS 링크/공유하기 항목으로 내려갑니다.
  5. 다음 설명을 참고해 링크를 추가하거나 삭제합니다.


    • 링크 추가 : 링크 추아이콘을 클릭해 필요한 만큼 링크 수를 추가합니다.
    • 아이콘 : 링크할 SNS 아이콘을 선택합니다.
    • 새창 : 선택 시 새 브라우저 탭으로 링크가 열립니다.
    • URL : 클릭 시 이동할 링크를 추가합니다.
    • 링크 삭제 : 삭제아이콘을 클릭해 링크를 삭제합니다.
  6. 하단 설정 오른쪽 상단  아이콘을 클릭합니다.
  7. 저장을 클릭합니다.
  8. 하단에 SNS 링크가 추가된 것을 확인할 수 있습니다.




하단을 변경했는데 바뀌지 않습니다. (푸터, 하단 숨김)




하단 섹션 템플릿을 변경했지만 페이지 하단 디자인이 바뀌지 않는다면, 메뉴에 하단 숨김 옵션이 적용되었을 가능성이 높습니다. 

이 도움말에서는 숨겨진 하단이 다시 표시되도록 하단 숨김 옵션을 해제하는 방법을 설명합니다.


설정방법

  1. 디자인 모드에 진입합니다. 
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 하단이 바뀌지 않는 메뉴명 오른쪽 끝의 ⓘ 아이콘을 클릭합니다.
  4. 메뉴 설정 창이 나오면 옵션 항목에서 하단 숨김 옵션을 선택 해제합니다.


  5. 메뉴 설정 창 바깥 영역을 클릭해 설정을 종료합니다.
  6. 마우스 휠 스크롤을 내려 페이지의 하단 섹션이 표시되는지 확인합니다.



쇼핑몰 하단 법적 필수 정보 (푸터)


이 도움말에서는 온라인 쇼핑몰에 필수적으로 기재해야 하는 항목들을 설명합니다. 쇼핑몰 오픈 전 아래 사항들을 확인하고 반드시 추가해 주시기 바랍니다.


표시목록

  1. 상호 및 대표자 성명 : 사업자등록증과 일치하는 대표자명을 기입합니다.
  2. 사업장 주소 : 소비자 불만사항을 처리할 수 있는 곳의 주소를 입력합니다.
  3. 연락처 : 사업장 전화번호 및 전자우편주소를 입력합니다.
  4. 개인정보관리책임자 : 개인정보관리책임자의 이름을 입력합니다. 별도의 관리자가 없는 경우 대표자명을 기입합니다.
  5. 호스팅제공자 : 전자상거래법 규정에 따라 호스팅서비스 제공자 상호를 반드시 표시하도록 의무화 되어 있습니다. 예시는 다음과 같습니다.
    • 호스팅제공자: (주)위멘토
    • Hosting by (주)wemento
  6. 사업자등록번호 : 사업자등록증과 일치하는 번호로 기입합니다.
  7. 통신판매업신고번호 : 인터넷 쇼핑몰 사업자는 반드시 통신판매업신고를 진행해야 합니다. 통신판매업신고는 정부24에서 신청할 수 있습니다.
  8. 이용약관 : 차후 발생할 수 있는 고객과의 갈등 상황을 사전에 방지하도록 하기 위해 필요하며, 서비스 이용자에게 공시함으로써 효력이 발생합니다. 영업상 중요 사유가 있을 시 변경할 수 있지만 최소 2주 전 고객에게 반드시 알려야 합니다.
  9. 개인정보취급방침 : 자체적으로 개인정보처리를 하고 있어도 홈페이지에 반드시 개인정보처리방침을 공표해야 합니다. 그리고 개인정보취급방침은 다른 항목들과 달리 파란색으로 표기되어 있는 것을 볼 수 있는데요. 개인정보처리(또는 취급)방침은 글자 크기, 색상 등을 활용하여 쉽게 확인할 수 있도록 해야 하기 때문입니다.
  10. 에스크로 인증마크 : 에스크로 인증마크는 구매자를 대상으로 안전거래에 대한 신뢰를 줄 뿐만 아니라 네이버페이, 카카오페이, 지그재그 등의 서비스 가입 심사요소 중 하나이므로 꼭 삽입해 주세요.




커스텀 하단 만들기 (푸터)



위멘토는 여러 개의 하단(푸터) 디자인 템플릿을 제공합니다. 사용자는 섹션 템플릿을 사용해 간편하게 하단 디자인을 적용하고 편집할 수 있습니다. 만약 기본 하단 디자인이 마음에 들지 않는 경우, 섹션 반복 기능을 활용해 커스텀 하단을 디자인할 수도 있습니다.



설정방법

1단계: 하단 숨기기

커스텀 하단을 추가하기 위해 기본 하단 섹션을 숨겨줍니다.

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 메뉴에 마우스 포인터를 올리고, ⓘ 아이콘을 클릭합니다.

    참고: 상단 메뉴 또는 하단 메뉴 항목의 어떤 메뉴여도 무방합니다.

  4. 메뉴 설정 창이 나타나면 옵션 항목에서 하단 숨김을 선택합니다.



2단계: 빈 섹션 추가 및 하단 디자인하기

커스텀 하단을 디자인하기 위한 새로운 빈 섹션을 추가합니다.

  1. 위젯이 없는 작업영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.

    참고: 위젯에 마우스 오른쪽 버튼 클릭 시 위젯 컨텍스트 메뉴가 나타납니다. 위젯이 아닌 작업영역에 마우스 오른쪽 버튼을 클릭해 주세요.

  2. 컨텍스트 메뉴가 나오면 빈 섹션 추가하기를 클릭합니다.
  3. 새로운 빈 섹션이 추가되면, 위젯을 추가해 하단 섹션을 디자인합니다.




3단계: 섹션 아래로 이동하기

  1. 디자인한 하단 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나오면 아래로 이동을 클릭합니다.


  3. 해당 페이지의 최하단으로 이동할 때까지 위 1~2번 과정을 반복합니다.




4단계: 섹션 반복하기

  1. 하단 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나오면 섹션 반복을 클릭합니다.

  3. 이제 모든 메뉴에서 커스텀 하단이 표시됩니다.




(선택 사항) 5단계: 특정 메뉴에서 커스텀 하단 숨기기

필요에 따라 특정 메뉴에서 반복 섹션을 숨겨야 하는 경우, 아래 도움말 링크를 참고하세요.

특정 메뉴의 반복 섹션 숨김 처리하기



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

  1. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
  2. 메뉴마다 페이지 최하단으로 이동해 커스텀 하단이 정상적으로 표시되는지 확인합니다.
  3. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭합니다.



모바일에서 커스텀 하단이 망가지나요?

커스텀 하단 디자인에 따라 모바일 기기에서 의도한 대로 표시되지 않을 수 있습니다. 모바일 전용 커스텀 하단을 디자인하려면 아래 도움말 링크를 참고하세요.

모바일 커스텀 하단 만들기

하단 요소 변경 및 설정하기 (푸터)



하단을 꾸미기 위한 각종 요소들을 편집할 수 있습니다.


하단 설정 열기

하단 요소를 변경하려면 하단 설정을 열어야 합니다. 하단 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭해 하단 설정을 열어주세요. 상세한 지침이 필요한 경우 다음 하단 설정 열기 도움말을 참조합니다.


하단 요소 설명

1. 표시 요소

하단 설정에서 수정할 수 있는 요소들을 설명합니다.

  1. 사이트 명 : 하단에 사이트 이름을 표시합니다.
  2. 메인 메뉴 : 상단 메뉴(메인 메뉴)를 하단에 표시합니다.
  3. 하단 메뉴 : 하단 메뉴를 하단에 표시합니다. 하단 메뉴가 없는 경우 선택해도 표시되지 않습니다.
  4. SNS 바로가기 : Facbook, Instargram, YouTube, 카페, 블로그 등 링크 아이콘을 표시합니다. SNS 링크 이외에도 즐겨찾기, 전화걸기, 파일첨부 등 다양한 링크를 연결할 수 있습니다. 링크 방식 종류
  5. 저작권 문구 표시 : 저작권 문구(Copyright)를 표시합니다.
  6. 앱 링크 표시 : 안드로이드/iOS 앱 사용자의 경우 앱 다운로드 링크를 표시할 수 있습니다.
  7. 약관/개인정보처리방침 : 이용약관 및 개인정보처리방침 링크를 표시합니다.
  8. 국내/국외여행약관 : 여행업에 종사하는 경우 여행약관을 표시합니다.




2. 디자인 요소

하단의 텍스트 크기 및 색상, 상하 여백, 배경색 또는 배경이미지 설정이 가능합니다.




3. SNS 바로가기

하단에 표시되는 SNS 바로가기 링크를 편집합니다. 이곳에서 SNS 링크를 편집해도, 위 1번 표시 요소에서 SNS 바로가기를 선택하지 않으면 표시되지 않습니다. SNS 링크 편집방법은 다음 도움말을 통해 자세히 알아보실 수 있습니다.

하단 SNS 링크 추가 및 삭제하기




메뉴 관리 열기



메뉴 관리에서 웹사이트 제작에 필요한 모든 메뉴(페이지)를 추가하거나 삭제, 설정할 수 있습니다.

참고: 상품 상세페이지, 예약 상세페이지, 장바구니, 마이페이지, 로그인/가입 메뉴는 쇼핑 또는 예약 기능이 사용으로 설정되어 있어야 합니다. 쇼핑 및 예약 사용 설정하기


메뉴 관리 열기

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 디자인 모드 왼쪽에서 메뉴 관리 창이 나타납니다.

메뉴 설정하기 (메뉴명, 메뉴 주소 변경 등)



메뉴 설정을 열어 메뉴의 이름을 수정하거나 페이지 URL, 페이지의 제목과 설명, 접속권한 외 여러 옵션을 설정할 수 있습니다.

메뉴 설정 열기

  1. 디자인 모드에 접속합니다. 
  2. 디자인 모드 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 메뉴명에 마우스 포인터를 올립니다.
  4. 아래의 그림처럼 ⓘ 아이콘이 나타나면 클릭합니다.

또는,
마우스 오른쪽 버튼 클릭하면 나오는 컨텍스트 메뉴에서 메뉴 설정을 클릭해 열 수도 있습니다.



메뉴 설정항목

  1. 메뉴명 : 메뉴명을 변경합니다. 메뉴명을 변경하면 상단 메뉴바 메뉴명도 함께 변경됩니다.
  2. URL : 해당 메뉴의 주소(URL)를 변경합니다.
  3. 페이지 제목 : 페이지 제목을 작성합니다. *검색엔진최적화에 영향, 15자 이하 입력 권장
  4. 페이지 설명 : 페이지 내용을 간략하게 작성합니다. *검색엔진최적화에 영향, 60~80자 입력 권장
  5. 메뉴 대표이미지 : 페이지 공유 시 표시되는 오픈그래프 이미지를 설정합니다.
  6. 옵션 : 상단에서 메뉴를 숨기거나, 상단/하단 숨김, 풀다운 메뉴 사용안함 등
  7. 메뉴 링크 : 메뉴 클릭 시 연결한 링크 방식으로 작동합니다. *이 기능을 사용하면 페이지 편집이 제한됨
  8. 접근 권한 : 해당 메뉴를 열어 볼 수 있는 접근 권한을 설정합니다.
  9. 메뉴 삭제 : 해당 메뉴를 삭제합니다.



메뉴명 변경하기



메뉴 추가 이후 언제든 메뉴명을 수정할 수 있습니다. 다음 절차에 따라 기존 메뉴 이름을 변경해 보세요.


변경방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 메뉴 관리 ≡ 를 클릭합니다.
  3. 변경을 원하는 메뉴명 오른쪽 끝 ⓘ 아이콘을 클릭해 메뉴 설정을 켭니다.
  4. 메뉴명 항목의 기본 메뉴에 입력된 이름을 수정합니다.
  5. (선택 사항) Hover에 메뉴명을 입력하면, 기본 메뉴명 위에 마우스 포인터를 올렸을 때 입력하신 Hover 메뉴로 변환됩니다.
  6. 닫기 ✕ 아이콘을 클릭해 메뉴 설정 창을 끕니다.
  7. 닫기 ✕ 아이콘을 클릭해 메뉴 관리를 끕니다.
  8. 변경된 메뉴명을 확인합니다.
    참고: 메뉴명이 바로 변경되지 않을 시 새로고침(F5) 후 확인해 보세요.





메뉴명 Hover 효과 적용하기



상단 메뉴에 마우스 커서를 올렸을 때 메뉴명이 바뀌는 Hover 효과를 간단하게 적용할 수 있습니다.


적용방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단 메뉴 관리를 클릭합니다.
  3. 변경을 원하는 메뉴명 오른쪽 끝 ⓘ 아이콘을 클릭해 메뉴 설정을 켭니다.


  4. 메뉴명 Hover 항목에 마우스 포인터를 올리면 변경될 메뉴명을 입력합니다.
  5. 닫기 ✕ 아이콘을 클릭해 메뉴 설정 창을 끕니다.
  6. 닫기 ✕ 아이콘을 클릭해 메뉴 관리를 끕니다.
  7. 디자인 모드 오른쪽 상단 미리보기를 클릭해 확인합니다.
  8. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭합니다.



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