위멘토 사용가이드


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

위멘토 사용 가이드

가이드 8

이지페이 에스크로 인증마크 삽입하기



에스크로를 사용하는 경우, 쇼핑몰 하단에 에스크로 가입 사실 확인 마크를 삽입해야 합니다. 이 도움말에서는 이지페이에서 발급받은 에스크로 구매안전서비스 인증마크를 삽입하는 방법을 설명합니다.

에스크로(ESCROW): ‘구매안전서비스’라고도 하며, 현금성 거래에 한하여 구매자의 안전거래를 보장하는 제도로 공정거래위원회에서 법령으로 의무화 하고 있습니다.





삽입방법

1단계: 에스크로 인증마크 이미지 준비하기

아래의 인증마크 이미지 중 원하는 이미지에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭하여 내려받습니다.




2단계: 에스크로 인증마크 이미지 삽입하기

  1. 디자인 모드에 접속합니다. 
  2. 마우스 휠 스크롤을 움직여 페이지 최하단으로 이동합니다.
  3. 하단 섹션에서 텍스트 입력이 가능한 영역을 마우스로 더블-클릭합니다.

    참고: 이 도움말은 기본 하단 섹션 디자인을 이용 중인 사용자를 대상으로 합니다. 사용자가 직접 디자인한 커스텀 하단을 이용 중이라면 텍스트 위젯 또는 이미지 위젯을 사용해 인증마크를 삽입할 수 있습니다.
  4. 텍스트 에디터로 전환되면 텍스트 도구에서 이미지 첨부 아이콘을 클릭합니다.

  5. 위 1단계에서 내려받은 이미지 파일을 선택해 올려줍니다.
  6. 이미지 첨부 완료 즉시 아래와 같이 보조 메뉴가 나타납니다. 보조 메뉴에서 링크 삽입을 클릭합니다.


  7. 아래의 설명과 그림을 참고하여 인증마크 이미지에 링크를 추가하고 삽입을 클릭합니다.


     *URL: 이지페이 에스크로 판매자 확인 링크 주소를 붙여넣습니다.

    참고: 이지페이 에스크로 판매자 확인 링크를 모르는 경우, 페이지 하단의 관련 도움말에서 에스크로 판매자 확인 링크 만들기 도움말을 참고해 주세요.


      *(선택 사항) 새창으로 열기: 에스크로 판매자 확인 페이지로 이동할 때, 새 브라우저 탭에서 열리도록 옵션을 선택합니다.

  8. (선택 사항) 인증마크 이미지의 크기를 조절할 수 있습니다. 이미지를 클릭한 상태에서, 모서리를 다시 마우스로 클릭 후 드래그하여 조절합니다.


  9. 텍스트 에디터 바깥 영역을 클릭해 편집을 종료합니다.



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

  1. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
  2. 페이지마다 하단에 정상적으로 인증마크가 표시되고, 링크가 작동하는지 확인합니다.
  3. 문제가 없다면 디자인 모드 오른쪽 상단의 게시하기 버튼을 클릭해 적용합니다.


카카오톡 채널 커스텀 채팅 버튼 추가하기

내 사이트에 카카오톡 채널 1:1 채팅 버튼(구.플러스친구)을 추가할 수 있습니다. 
이 도움말에서는 사용자가 직접 디자인한 버튼 이미지를 사용해 카카오톡 채널 채팅 버튼을 추가하는 방법을 설명합니다.
참고: 카카오에서 공식 제공하는 채팅 버튼 이미지를 사용하려는 경우, 카카오톡 채널 1:1 채팅 버튼 추가하기 도움말을 확인해 주세요.



1단계, 카카오 API키 발급 및 적용하기
카카오톡 채널 채팅 버튼을 사용하려면, 카카오 API키가 필요합니다. 아래 도움말 링크를 참고해 카카오 API키를 발급 받고 사이트에 적용해 주세요.
카카오 API키 발급 및 적용방법
참고: 기존 사용 중인 카카오 API키가 있는 경우, 이 과정은 건너 뛰어도 됩니다.




2단계, 카카오톡 채널 홈 ID 알아내기
사용 중인 카카오톡 채널의 홈 ID를 확인하고 메모합니다.
  1. 카카오톡채널 관리자센터에 접속합니다.
  2. 내 채널을 선택합니다. (채널이 없는 경우 새로운 채널을 생성해 주세요.)
  3. 왼쪽의 [관리 > 상세설정] 메뉴를 클릭합니다.
  4. 채널 홈ID를 확인하고 메모장에 메모해 둡니다. (메모해 둔 홈ID는 아래 6단계에서 사용됩니다.)




3단계, 카카오톡 채널 코드 복사하기
아래의 카카오톡 채널 커스텀 채팅 버튼 코드 전체를 복사합니다.
<style> /* PC 카카오톡 채널 버튼 위치 */ .kakaoChatPc { position: fixed; z-index: 999; right: 20px; /* 화면 오른쪽으로부터의 거리, 숫자만 입력 */ bottom: 20px; /* 화면 아래쪽으로부터의 거리, 숫자만 입력 */ }
/* 모바일 카카오톡 채널 버튼 위치 */ .kakaoChatMob { position: fixed; z-index: 999; right: 20px; /* 화면 오른쪽으로부터의 거리, 숫자만 입력 */ bottom: 20px; /* 화면 아래쪽으로부터의 거리, 숫자만 입력 */ }
</style>
<!-- PC 카카오톡 상담 버튼 --> <a href="void kakaoChatStart()" class="kakaoChatPc hidden-md hidden-sm hidden-xs"> <img src="이미지주소" width="72px" height="72px"> </a>
<!-- 모바일 카카오톡 상담 버튼 --> <a href="void kakaoChatStart()" class="kakaoChatMob hidden-lg"> <img src="이미지주소" width="64px" height="64px"> </a>
<!-- 카카오톡 채널 스크립트 --> <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <script type='text/javascript'> Kakao.init('JavaScript키'); // 사용할 앱의 JavaScript키를 입력해 주세요. function kakaoChatStart() { Kakao.Channel.chat({ channelPublicId: '홈ID' // 카카오톡 채널 홈 URL에 명시된 ID를 입력합니다. }); } </script>





4단계, SEO 헤더설정 이동 및 코드 붙여넣기
  1. 새 브라우저 탭을 열고, 관리자 페이지에 접속합니다.
  2. 왼쪽 메뉴에서 [환경설정 > SEO 헤더설정]을 클릭합니다.
  3. 페이지 하단의 Footer Code 입력 칸에 위 3단계에서 복사한 코드를 붙여넣습니다.







5단계, Javascript 키 입력하기
  1. 붙여넣은 코드의 JavaScript키를 삭제합니다.
  2. 위 1단계에서 발급 받은 JavaScript키를 붙여넣습니다.






6단계, 카카오톡 채널 홈 ID 입력하기
  1. 코드에서 홈ID를 삭제합니다.
  2. 위 2단계에서 메모해 둔 홈ID를 붙여넣습니다.




7단계, 카카오톡 채널 커스텀 상담 버튼 이미지 추가하기
  1. 코드에서 이미지주소를 삭제합니다.
  2. 카카오톡 채널 채팅 버튼으로 사용할 이미지의 주소(http 또는 https로 시작하는)를 입력합니다. (PC용과 모바일용 버튼 이미지를 함께 쓰거나, 따로따로 사용할 수도 있습니다.)
    참고: 채팅 버튼으로 사용할 이미지의 주소를 획득하는 방법은 빠른 이미지 주소 획득 방법 도움말을 참고해 주세요.
  3. (선택 사항) width 와 height 속성의 숫자를 변경해, 버튼 이미지의 크기를 수정할 수 있습니다. (숫자만 변경하세요.)






8단계, 카카오톡 채널 상담 버튼 위치 변경하기
  1. 주석을 참고해 PC와 모바일 카카오톡 채널 버튼 이미지의 위치를 각각 수정합니다.
  2. 저장 버튼을 클릭해 적용합니다.






9단계, 톡 상담 정상 작동 확인하기
  1. 관리자 페이지 왼쪽 상단의 미리보기 아이콘을 클릭합니다.
  2. 상담하기 버튼을 클릭해 작동 여부를 확인합니다.
    참고: 스마트폰으로 내 사이트에 접속해 작동 여부를 확인할 수도 있습니다.






추가 도움말: 관리자 추가 인증하기
모두 정상적으로 적용 완료했는데, 카카오톡 채널 채팅이 시작되지 않는 경우, 아래 그림과 같이 1:1 채팅 사용을 위해 관리자 추가인증 작업이 필요할 수 있습니다. 아래 절차를 참고해 인증을 완료해 주세요.
  1. 카카오톡채널 관리자센터 접속 후 왼쪽 메뉴에서 [1:1 채팅 > 채팅목록]을 클릭합니다.
  2. 관리자 추가인증 버튼을 클릭합니다.
  3. 카카오톡으로 전달 받은 인증번호를 입력해 관리자 추가인증을 완료합니다.


즉시/기간할인 사용하기



상품마다 할인 대상 및 옵션, 기간을 다르게 설정할 수 있습니다. 판매자는 특정 사용자 그룹을 대상으로 할인(금액 또는 비율)을 설정할 수 있으며, 할인 기간을 지정해 특정 기간에만 할인가로 판매가 가능합니다. 할인 기간이 종료되면 본래의 판매가로 돌아갑니다.


중요: 쇼핑등급을 설정한 쇼핑등급별 할인 혜택을 적용했더라도 '즉시/기간할인'이 적용된 할인가가 우선 적용됩니다. 쇼핑등급 혜택 적용시 구매조건과 할인/적립 적용시 모두 할인가를 기준으로 혜택이 적용됩니다.


설정방법

'즉시/기간할인'을 설정하는 방법은 두 가지가 있습니다. 상황에 맞게 적절한 방법을 선택해 활용해 보세요.


첫번째, 상품 등록/편집 중 할인 설정하기

상품 등록 및 편집 과정에서 할인가를 설정할 수 있습니다.


1단계: 즉시/기간할인 옵션 열기
  1. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  2. 왼쪽 메뉴에서 [쇼핑 > 상품관리]를 클릭해 이동합니다.
  3. 즉시/기간할인을 적용할 상품명을 클릭합니다.
  4. 상품 상세페이지 편집으로 이동하면, 마우스 휠 스크롤을 내려 할인 설정 항목으로 이동합니다.
  5. 적용 가능 할인 항목에서 즉시/기간할인 옵션을 선택합니다.

  6. 즉시/기간할인 옵션 메뉴가 나타납니다.



2단계: 즉시/기간할인 옵션 설정하기


아래 그림과 설명을 참고해 할인 적용대상을 추가하고, 할인 금액 또는 비율(%)을 설정합니다. 필요에 따라 할인 기간을 지정할 수도 있습니다.

'즉시/기간할인'을 설정하면 '정가'는 노출되지 않으며, '판매가'를 기준으로 할인가가 적용되어 표시됩니다.


중요: 구매자가 필수 옵션(선택 옵션은 제외)을 1개씩 추가할 때마다 판매가에 설정한 할인이 적용됩니다. 예를 들어, 할인 비율을 20% 설정했을 때 구매자가 10,000원 짜리 상품 2개를 구매하면 4,000원의 할인이 적용됩니다. 만약 계정에 따라 할인 조건이 중복되는 경우, 가장 높은 할인혜택이 적용됩니다.

  1. 적용대상: 해당 상품에 대해 할인 적용이 가능한 그룹(회원 + 비회원, 회원, 사용자 그룹)을 선택합니다.

    • 비회원 + 회원: 비회원과 회원 모두에게 할인이 적용됩니다.
    • 회원: 회원에게만 할인이 적용됩니다.
    • 그룹: 특정 그룹에 소속된 회원에게만 할인이 적용됩니다.

  2. 할인 금액 또는 비율(%): 할인 단위에 맞춰 할인 금액 또는 비율(%)을 숫자로 입력합니다.

    주의: 할인율은 항상 소수점으로 나오지 않으며, 화폐(금액) 단위로 할인 설정 시 할인율은 반올림하여 자동 계산돼 표기합니다. (예: 10,000원 짜리 상품에 3,990원 할인 적용 시 40% 할인율로 표기)

  3. 할인 단위: 할인 단위를 선택합니다.

  4. (선택 사항) 적용대상 삭제: ⨂ 를 클릭해 불필요한 적용대상을 삭제할 수 있습니다.

  5. (선택 사항) 적용대상 추가: 적용대상을 추가할 수 있습니다.

    참고: 접속한 회원에 적용되는 할인조건이 여러 개일 경우, 구매하려는 상품에 적용되는 가장 높은 할인율의 할인가로 할인이 적용됩니다. 적용되는 할인조건이 없는 회원의 경우, 본래의 판매가로 할인이 적용됩니다.

  6. (선택 사항) 할인기간 설정: 할인 기간을 날짜, 시간 단위로 설정할 수 있습니다.

    참고: 할인기간에 해당하지 않아도 적용해 두었던 할인 설정은 남아 있습니다. 단, 할인은 더 이상 적용되지 않습니다.




3단계: 저장 및 확인하기
  1. 모든 할인 설정을 마쳤다면 저장 버튼을 클릭해 적용합니다.
  2. 내 사이트에 접속 후 쇼핑 메뉴로 이동합니다.
  3. 비회원 및 회원 계정으로 접속해 할인이 정상적으로 적용되는지 확인합니다.

    참고: Google 크롬을 사용 중이라면 시크릿 모드를 활용해 보세요. 시크릿 모드에서는 모든 웹 서비스가 로그아웃된 상태로 인터넷에 접속되어, 관리자 계정에서 로그아웃할 필요 없이 간편하게 내 사이트를 테스트할 수 있습니다.



두번째, 여러 상품 및 간편 할인 설정하기

이미 등록한 상품(들)을 선택하고 간편하게 할인 설정을 변경할 수 있습니다. 여러 개의 상품을 한 번에 변경할 때도 이용할 수 있습니다.


1단계: 상품 선택 및 할인 설정 켜기


    1. 내 사이트 관리자 페이지에 접속합니다. 
    2. 왼쪽 메뉴에서 [쇼핑 > 상품관리]를 클릭해 이동합니다.

    3. 할인을 적용할 상품(들)을 선택합니다.

    4. 상품(들)이 선택된 상태에서 상단의 할인 설정 탭을 클릭합니다.

    5. 할인 설정 창이 나오면 적용 가능 할인 항목에서 즉시/기간할인 옵션을 선택합니다.





2단계: 즉시/기간할인 옵션 설정하기


아래 그림과 설명을 참고해 할인 적용대상을 추가하고, 할인 금액 또는 비율(%)을 설정합니다. 필요에 따라 할인 기간을 지정할 수도 있습니다.

'즉시/기간할인'을 설정하면 '정가'는 노출되지 않으며, '판매가'를 기준으로 할인가가 적용되어 표시됩니다.

중요: 구매자가 필수 옵션(선택 옵션은 제외)을 1개씩 추가할 때마다 판매가에 설정한 할인이 적용됩니다. 예를 들어, 할인 비율을 20% 설정했을 때 구매자가 10,000원 짜리 상품 2개를 구매하면 4,000원의 할인이 적용됩니다. 만약 계정에 따라 할인 조건이 중복되는 경우, 가장 높은 할인혜택이 적용됩니다.


1. 적용대상 : 해당 상품에 대해 할인 적용이 가능한 그룹(회원 + 비회원, 회원, 사용자 그룹)을 선택합니다.

  • 비회원 + 회원: 비회원과 회원 모두에게 할인이 적용됩니다.
  • 회원: 회원에게만 할인이 적용됩니다.
  • 그룹: 특정 그룹에 소속된 회원에게만 할인이 적용됩니다.


2. 할인 금액 또는 비율(%) : 할인 단위에 맞춰 할인 금액 또는 비율(%)을 숫자로 입력합니다.

주의: 할인율은 항상 소수점으로 나오지 않으며, 화폐(금액) 단위로 할인 설정 시 할인율은 반올림하여 자동 계산돼 표기합니다. (예: 10,000원 짜리 상품에 3,990원 할인 적용 시 40% 할인율로 표기)

3. 할인 단위 : 할인 단위를 선택합니다.
4. (선택 사항) 적용대상 삭제 : ⨂ 를 클릭해 불필요한 적용대상을 삭제할 수 있습니다.


5. (선택 사항) 적용대상 추가 : 적용대상을 추가할 수 있습니다.

참고: 접속한 회원에 적용되는 할인조건이 여러 개일 경우, 구매하려는 상품에 적용되는 가장 높은 할인율의 할인가로 할인이 적용됩니다. 적용되는 할인조건이 없는 회원의 경우, 본래의 판매가로 할인이 적용됩니다.


6. (선택 사항) 할인기간 설정 : 할인 기간을 날짜, 시간 단위로 설정할 수 있습니다.

참고: 할인기간에 해당하지 않아도 적용해 두었던 할인 설정은 남아 있습니다. 단, 할인은 더 이상 적용되지 않습니다.




3단계: 저장 및 확인하기


    1. 모든 할인 설정을 마쳤다면 저장 버튼을 클릭해 적용합니다.
    2. 내 사이트에 접속 후 쇼핑 메뉴로 이동합니다.
    3. 비회원 및 회원 계정으로 접속해 할인이 정상적으로 적용되는지 확인합니다.
참고: Google 크롬을 사용 중이라면 시크릿 모드를 활용해 보세요. 시크릿 모드에서는 모든 웹 서비스가 로그아웃된 상태로 인터넷에 접속되어, 관리자 계정에서 로그아웃할 필요 없이 간편하게 내 사이트를 테스트할 수 있습니다.




네이버페이 및 네이버쇼핑에 주는 영향


네이버페이 및 네이버쇼핑 사용자의 경우, 아래와 같이 '즉시/기간할인'이 적용됩니다.

네이버페이

  • 로그인 없이 네이버페이로 구매하는 경우: '회원 + 비회원'에 할인을 적용했을 때만 할인이 적용됩니다.
  • 로그인한 회원이 네이버페이로 구매하는 경우: '회원+비회원', '회원', '사용자 그룹'에 설정한 할인 중 가장 높은 할인 금액(또는 비율)으로 할인이 적용됩니다.

네이버쇼핑 및 카카오 쇼핑하우

  • 네이버쇼핑 및 카카오 쇼핑하우에는 '회원 + 비회원' 적용대상에 설정한 할인 설정이 적용됩니다. 네이버쇼핑 및 카카오 쇼핑하우에 전달되는 상품 EP데이터에 할인가는 판매가(price_pc)로, 본래의 판매가는 정가(normal_price)로 전달됩니다.
  • '회원 + 비회원' 적용대상을 설정하지 않은 경우, 기존의 판매가에 입력된 금액이 상품 EP데이터로 전달됩니다.

관련 도움말: 상품 뱃지 설정하기

상품 등록 및 편집 과정에서 상품 뱃지를 지정했다면 상품에는 NEW(신상품), SALE(할인), TIME SALE(기간 세일)과 같은 상품 뱃지가 표시됩니다.

즉시할인에는 SALE 뱃지가 붙고, 할인기간을 지정한 기간할인의 경우 TIME SALE 뱃지가 적용됩니다. 만약 이 뱃지의 모양을 나만의 디자인된 뱃지로 변경하려는 경우, 아래 도움말 링크를 참고하세요.


커스텀 상품 뱃지 설정하기






커스텀 상품 뱃지 설정하기



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

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


참고: 위멘토(별찌)에서 기본 제공하는 뱃지가 아닌 특수한 뱃지를 사용하려는 경우, 상대적으로 사용빈도가 낮은 MD추천, 주문폭주 뱃지를 대신 사용하실 것을 권장합니다.



시작에 앞서

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



설정방법

  1. 디자인 모드에 접속합니다.
  2. 쇼핑 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  3. 컨텍스트 메뉴가 나오면 쇼핑설정을 클릭합니다.
  4. 설정 창 상단의 뱃지 설정 탭을 클릭합니다.
  5. 아이콘 항목에서 변경하려는 뱃지의 오른쪽에 위치한 카메라 아이콘을 클릭합니다.

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

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




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

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


회원가입 항목 추가 및 편집 방법




사이트 방문자가 회원가입 시 입력할 가입 항목을 수정할 수 있습니다.


설정 방법

  1. 관리자 메뉴에 접속합니다.
  2. 왼쪽 관리 메뉴 [환경설정 - 가입 및 그룹 설정]으로 이동합니다.
  3. 가입 폼 관리 항목으로 내려갑니다.
  4. 회원가입 시 사용할 항목에 사용을 체크합니다.
  5. 해당 항목이 필수인 경우 필수를 체크합니다.

  6. 저장 버튼을 클릭해 적용합니다.

  7. 사이트에 접속해 회원가입 버튼을 클릭하고 가입 항목을 확인합니다.




사용자 정의 가입 항목 추가하기

사이트에 필요한 커스텀 가입 항목을 추가할 수 있습니다.

  1. 가입 폼 관리 항목 하단에 사용자 정의 항목 추가를 클릭합니다.
  2. 입력 항목 제목을 입력합니다.

  3. 입력 항목 형식을 선택합니다.

  4. (선택 사항) 입력 항목에 대한 설명을 작성합니다.
  5. (단일선택, 목록선택, 복수선택 형식을 선택한 경우) 선택옵션 목록을 추가합니다.
  6. 추가를 클릭해 완료합니다.

하단 설정하기 (푸터)




하단이란?

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

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



하단 디자인 시작하기

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


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

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

변경방법

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

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

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



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

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

설정방법

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

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



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

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

설정방법

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

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


커스텀 하단 디자인하기

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




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



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



설정방법

1단계: 하단 숨기기

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

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

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

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



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

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

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

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

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




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

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


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




4단계: 섹션 반복하기

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

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




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

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

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



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

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



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

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

모바일 커스텀 하단 만들기

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




PC 버전에서 제작한 커스텀 하단이 모바일에서는 마음에 들지 않거나 모양이 틀어질 수 있습니다. 모바일에 딱 맞는 모바일 커스텀 하단을 만들려면 아래 제작 방법에 따라 제작해 보세요.



제작방법

모바일 커스텀 하단을 제작하는 방법을 설명합니다.


1단계: 모바일 전용 하단 디자인하기

뷰포트를 모바일로 전환하고, 모바일 전용 섹션을 만들어 페이지 최하단으로 이동하는 과정을 설명합니다.

  1. 디자인 모드에 접속합니다. 
  2. 모바일로 뷰포트를 변경합니다. 뷰포트 변경방법
  3. 섹션에 마우스 오른쪽 버튼을 클릭합니다.

    주의: 위젯에 마우스 오른쪽 버튼을 클릭하지 마세요.


  4. 섹션 컨텍스트 메뉴가 나오면 모바일 전용 섹션추가를 클릭합니다.
  5. 새로운 모바일 전용 섹션이 생성되면 이제 해당 섹션을 페이지 가장 아래로 이동시켜야 합니다. 
    섹션에 마우스 오른쪽 버튼을 클릭하고, 컨텍스트 메뉴가 나오면 아래로 이동을 클릭합니다. (모바일 전용 섹션이 생성된 위치에 따라 이 과정을 반복해야 할 수 있습니다.)

  6. 위젯을 추가해 모바일 전용 섹션을 원하는 하단 디자인으로 제작합니다.





2단계: 모바일 전용 하단 섹션 반복하기

제작한 모바일 전용 하단이 모든 페이지에서 표시되도록 섹션 반복 기능을 켭니다.

  1. 모바일 전용 섹션으로 제작한 하단 섹션의 오른쪽 상단에 위치한 섹션 반복 아이콘을 클릭합니다.

  2. 이제 모든 모바일 버전 페이지에 커스텀 하단이 반복되어 표시됩니다.
  3. 디자인 모드 오른쪽 상단의 게시하기 버튼을 클릭합니다.
  4. 스마트폰, 태블릿 등 모바일 기기로 접속해 모바일 커스텀 하단이 정상 동작하는지 확인합니다.




기본 하단 및 커스텀 PC 하단 숨기기

기존 PC 버전에서 사용 또는 제작한 하단을 숨겨줍니다.


기본 하단 숨기기

하단 숨김 옵션을 활성화하여 PC 디자인 시 자동 생성된 기본 하단 디자인을 숨겨줍니다.

  1. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  2. 상단 메뉴 항목에서 아무 메뉴명의 오른쪽에 위치한 ⓘ 아이콘을 클릭합니다.

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

  4. 메뉴 설정 창 바깥 영역을 클릭해 옵션 설정을 종료합니다.
  5. 위 2~4번 과정을 반복해 모든 상단, 하단 메뉴의 하단 숨김 옵션을 활성화 해줍니다.
  6. 모든 메뉴의 기본 하단이 숨겨지고, 커스텀 하단만 남게 됩니다.



커스텀 하단 숨기기

PC 커스텀 하단을 제작 및 사용하는 경우, 모바일에서는 표시되지 않도록 숨겨줍니다.

  1. 모바일 뷰포트에서 마우스 휠 스크롤을 내려 PC 커스텀 하단 섹션으로 이동합니다.
  2. 해당 섹션에서 왼쪽 상단의 눈모양 아이콘을 클릭합니다.

  3. 이제 모바일에서 커스텀 PC 하단 디자인이 숨겨져 표시되지 않게 됩니다.




관련 도움말

PC 버전 역시 커스텀으로 사용자가 직접 하단을 디자인할 수 있습니다. 자세한 방법은 아래 도움말 링크를 참고해 주세요.

커스텀 하단 만들기



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