위멘토 사용가이드


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

위멘토 사용 가이드

가이드 7

사업자정보조회 확인 링크 추가하기 (통신판매업 신고 확인)




온라인 쇼핑몰을 운영하려면 필수로 사업자정보 및 통신판매업신고가 필요하며, 고객이 신고여부를 확인할 수 있도록 링크를 제공해야 합니다.

이 도움말에서는 방문자가 쇼핑몰 운영자의 사업자정보 및 통신판매업신고 정보를 확인할 수 있도록 웹사이트 하단에 사업자정보조회 링크를 추가하는 방법을 설명합니다.




방법1: 간편 추가 방법(단순 새창 링크)



  1. 디자인 모드에 접속합니다. 접속방법
  2. 링크 추가가 가능한 위젯 또는 텍스트 에디터에 다음 링크를 추가합니다.

    http://www.ftc.go.kr/bizCommPop.do?wrkr_no=사업자등록번호(숫자만)
  3. 사업자등록번호(숫자만)이라고 작성된 부분을 삭제하고, 본인의 사업자등록번호를 입력합니다. 만약 사업자등록번호 123-45-67890 인 경우, 하이픈(-)을 제거한 숫자만 입력합니다.

    예시: http://www.ftc.go.kr/bizCommPop.do?wrkr_no=1234567890





방법2: 고급 추가 방법(팝업 링크)



만약 아래과 같이 클릭 시 팝업 형태로 나오도록 설정하고 싶다면 코드 입력이 필요합니다.


1단계: 공통 스크립트 추가하기

  1. 내 사이트 관리자 페이지에 접속합니다. 
  2. 왼쪽 메뉴에서 [환경설정 > SEO,해더설정]을 클릭합니다.
  3. Footer Code에 아래의 스크립트 코드를 복사해 붙여넣습니다.

    <script> var url = "http://www.ftc.go.kr/bizCommPop.do?wrkr_no=사업자등록번호(숫자만)" $(document).ready(function(){ $('.ftc_btn').click(function(){ window.open(url, "bizCommPop", "width=750, height=700;"); return false; }); }); </script>
  4. 붙여넣은 코드의 사업자등록번호(숫자만) 이라고 작성된 부분을 삭제하고, 본인의 사업자등록번호를 입력합니다.
    참고: 사업자등록번호 입력 시 하이픈(-)은 빼고 숫자만 입력해 주세요.
  5. 저장 버튼을 클릭해 적용합니다.



2단계: 사업자정보조회 확인 링크 추가하기

사업자정보조회 확인 링크를 추가하는 방법은 두 가지입니다. 디자인 모드에 접속해 원하는 방법으로 추가합니다.

1. 위젯에서 링크를 추가하는 경우:
  • 페이지에 링크 삽입이 가능한 위젯(텍스트, 버튼, 이미지 등)을 추가합니다.
  • 위젯 설정을 열어줍니다. 위젯 설정 열기
  • 링크 항목에서 링크 타입을 코드로 변경합니다.
  • 다음의 코드를 복사합니다.

    ;" class="ftc_btn
  • 링크 입력 칸에 위에서 복사한 코드를 붙여넣습니다.

  • 설정 창을 닫고, 미리보기를 클릭해 작동여부를 확인하고, 게시하기를 클릭해 적용합니다.




2. 하단 영역에 코드로 링크를 추가하는 경우:
  1. 하단 섹션의 텍스트 영역을 마우스로 클릭합니다.
  2. 텍스트 도구에서, 마지막 코드 보기 도구를 클릭합니다.

  3. 코드 보기로 전환되면 다음 HTML 코드를 추가합니다.

    <a href=";" class="ftc_btn">사업자정보조회</a>

  4. 코드 보기 버튼을 다시 클릭합니다.

  5. 미리보기를 클릭해 작동여부를 확인하고, 게시하기를 클릭해 적용합니다.



모바일에서 PC 버전 보기 버튼 사용하기




모바일 기기로 웹사이트 접속 시 페이지 최하단에 PC 보기 버튼을 표시할 수 있습니다. 


1단계, 공통 디자인 설정 메뉴 켜기

디자인 모드 우측 상단에 위치한 '톱니바퀴' 아이콘을 클릭합니다.


2단계, 옵션 항목으로 이동하기

공통 디자인 설정 메뉴에서 마우스 스크롤을 내려 메뉴 하단으로 이동합니다.


3단계, 모바일에서 PC 보기 버튼 사용 옵션 켜기

모바일에서 PC 보기 버튼 사용 옵션을 체크합니다.
*버튼의 배경색과 글자색은 마지막 섹션의 스타일을 따라가며, PC에서는 모바일 보기 버튼으로 표시됩니다.

디자인 모드란?



디자인 모드에서 웹사이트를 목적에 맞게 꾸미고 내용을 추가할 수 있습니다. 

이 장에서는 디자인 모드 접속방법과 사용자 인터페이스를 알아보실 수 있습니다. 

디자인 모드는 관리자 메뉴를 통해 접속하거나 내사이트에서 빠르게 접속할 수 있습니다.


디자인 모드 작업환경

디자인 모드에는 총 14가지의 메뉴로 구성되어 있으며, 각 메뉴는 아래 그림과 함께 설명을 참조해주세요.

1

메뉴 관리새로운 메뉴를 생성하거나 이동, 구조 확인시 사용합니다.

2

위젯 추가새로운 위젯을 추가하는 위젯 추가 버튼입니다.

3

섹션 추가현재 페이지에 새로운 섹션을 추가합니다.

4

마지막 게시 시점으로 되돌리기도움말 및 고객지원 페이지로 이동합니다.

5

현재 언어 및 메뉴 경로현재 편집 중인 사이트의 언어 및 메뉴의 경로를 표시합니다.

6

현재 메뉴명현재 편집 중인 페이지의 이름을 표시합니다.

7

메뉴 속성메뉴의 이름을 변경, 검색엔진 최적화용 설명 추가, 접근 권한 설정, 메뉴를 삭제합니다.

8

뷰포트 변경모바일 편집 모드와 데스크톱 편집 모드를 전환합니다.

9

공통 디자인 설정기본 서체 및 크기, 본문폭 등 사이트에 공통적으로 적용할 디자인을 설정합니다.

10

미리보기새 브라우저 탭을 열어 현재 페이지가 실제 브라우저에서 어떻게 보이는지 확인합니다.

11

게시하기게시하기를 누르면 작업한 사항들이 방문자들에게 볼 수 있도록 반영됩니다.
12나가기디자인 모드를 종료하고 대시보드로 이동합니다.
13겹치기상단 메뉴와 본문 배경을 겹치는 효과를 줄 수 있습니다.
14상단설정상단 디자인을 편집할 수 있습니다.
15가이드 다시보기처음 사용자에 한하여 나타나는 초보자 가이드를 다시 보실 수 있습니다.


그외 기본 개념들

  • 위젯 : 디자인 모드에서 가장 작은 단위입니다. 이미지, 동영상, 게시판, 텍스트 등의 요소를 위젯이라고 부릅니다.
  • 섹션 : 위젯을 포함한 영역입니다. 여러개의 섹션을 이용해 배경색이나 간격을 다르게 구성하실 수 있습니다.
  • 상단(헤더) : 로고, 메뉴바, 로그인 영역을 포함해 사이트에 공통적으로 위쪽에 표시되는 영역입니다.
  • 하단(푸터) : 저작권 정보, 사이트 운영 정보 표시, 약관 및 개인정보처리방침 등을 사이트의 하단에 공통적으로 표시하는 영역입니다.
  • 메뉴(페이지) : 위 사항들을 모두 포함한 개념이며, 사이트는 일반적으로 여러개의 메뉴로 구성되어 있습니다.



마지막 게시 시점으로 되돌리기


웹사이트의 디자인을 마지막 게시한 시점으로 되돌릴 수 있습니다.

주의: 이 기능은 한 번 사용하면 다시는 현재 시점으로 디자인을 되돌릴 수 없습니다. 이용 전 반드시 마지막 게시한 시점을 확인하고 진행하세요.

 

사이트 디자인을 마지막 게시한 시점으로 되돌릴 수 있습니다.

이 기능은 한 번 사용하면 다시는 현재 시점으로 디자인을 되돌릴 수 없습니다. 

이용 전 반드시 마지막 게시한 시점을 확인하고 진행하세요.


사용방법

  1. 디자인 모드 왼쪽 상단 원형 화살표를 클릭합니다.

  2. 경고창이 나타나면 확인을 클릭합니다.
  3. 마지막으로 게시한 시점으로 디자인이 변경됩니다.

사이트 게시하기



디자인 모드에서 작업한 사항들을 실제 방문자들이 볼 수 있도록 웹에 반영하려면 사이트를 게시해야 합니다.


주의: 한 번 게시하면 이전으로 되돌릴 수 없습니다. 게시하기 전 미리보기를 통해 작업사항을 확인 후 게시해 주세요.


게시방법

  1. 디자인 모드 오른쪽 상단의 게시하기 버튼을 클릭합니다.
  2. 게시 확인 창이 나오면 게시하기 버튼을 클릭합니다. (취소 버튼을 클릭해 언제든 게시를 중단할 수 있습니다.)
  3. 이제 방문자가 업데이트된 내 사이트를 볼 수 있게 됩니다.



관련 도움말

세로형 사이드 메뉴 만들기



메뉴 리스트 위젯을 사용해 사이트의 왼쪽 또는 오른쪽에 세로형 사이드 메뉴를 추가할 수 있습니다.

본 튜토리얼을 통해 사이드 메뉴 제작법을 배워보세요.

이후 상단 메뉴를 숨길 필요가 있다면 본 튜토리얼  마지막 추가 정보를 확인해주세요.

아임웹 Our-mind 템플릿


제작방법

1단계, 메뉴 추가하기
  1. 디자인 모드에 접속합니다.
  2. 왼쪽 상단 메뉴 관리  를 클릭합니다.
  3. 상단 메뉴 오른쪽 끝 ⨁를 클릭합니다.
  4. 메뉴명을 작성하고 확인을 클릭합니다. 예시) 홈
  5. (선택 사항) 같은 방법으로 메뉴를 더 추가합니다.
    예시) 제품, 문의게시판, 회사소개


2단계, 세로 메뉴 만들기
  1. 빈 메뉴에 메뉴 리스트 위젯을 추가합니다.

  2. 추가한 위젯에 마우스를 올리고 마우스 오른쪽 버튼을 클릭합니다.
  3. 메뉴 리스트 위젯 설정(메뉴/카테고리 설정)을 엽니다.
  4. 다른 스타일을 클릭합니다.
  5. 세로 메뉴 스타일을 선택합니다.

  6. 기준 위치 기본값은 현재 메뉴입니다. 현재 메뉴의 하위 메뉴들이 표시되며, 하위 메뉴가 없는 경우 형제 메뉴들로 구성되어 표시됩니다.

  7. (선택 사항) 메뉴 텍스트의 크기, 색상, 간격을 수정합니다.
    참고 : 하단 옵션은 선택하신 메뉴 리스트 스타일에 따라 조금씩 달라집니다.


3단계, 섹션 사이드 나누기
  1. 빈 공간에 마우스 오른쪽 버튼을 클릭합니다.
  2. 보조 메뉴가 나타나면 섹션 설정을 클릭합니다.
  3. 사이드를 선택합니다.

  4. (선택 사항) 본문과 사이드 간의 간격을 설정합니다.

  5. (선택 사항) 섹션 사이드 고정을 사용하는 경우 체크합니다.
    참고 : 섹션 사이드 영역을 마우스 스크롤을 통해 벗어나더라도 메뉴 리스트가 사라지지 않고 상단에 고정됩니다. 섹션 사이드 고정은 해당 섹션 내에서만 유지됩니다.


4단계, 본문 콘텐츠 추가하기
  1. 메뉴 리스트 위젯을 클릭하고 드래그하여 섹션 사이드로 이동시킵니다.
    참고 : 메뉴 리스트 위치가 틀어지는 경우 새로고침(F5)를 눌러주세요.

  2. 섹션 본문에 관련 콘텐츠를 추가하고 디자인합니다.


(선택 사항) 5단계, 섹션 복제 및 추가 메뉴 만들기
  1. 사이드가 나눠진 섹션의 빈 공간에 마우스 오른쪽 버튼을 클릭하고 섹션 복사를 클릭합니다.
  2. 위 1단계에서 추가한 메뉴 중 다른 메뉴로 이동합니다.
  3. 빈 메뉴에 마우스 오른쪽 버튼을 클릭하고 섹션 붙여넣기를 클릭합니다.
  4. 섹션 본문을 해당 메뉴에 맞게 콘텐츠를 수정합니다.
  5. 같은 방법으로 나머지 메뉴에도 사이드 메뉴를 추가합니다.


(선택 사항) 6단계, 상단 메뉴 숨기기

메인 메뉴를 사이드에 표시하는 경우 상단에 위치한 메뉴는 숨겨야 할 수 있습니다.  상단 메뉴를 숨기는 방법은 다음 도움말을 참조해주세요.




공통 디자인 설정하기



공통 디자인 설정

공통 디자인 설정을 변경해 페이지마다 공통적으로 적용할 텍스트의 크기와 색상, 기본 배경색, 본문폭, 글꼴(폰트), 버튼 디자인 등을 맞춤 설정 할 수 있습니다.

참조 : 본 설정 메뉴에서 설정한 공통 디자인 값들은 일부를 제외하고 별도 수정이 가능합니다.

메뉴 열기

  1. 디자인 모드에 접속합니다.
  2. 오른쪽 상단 톱니바퀴아이콘을 클릭합니다.

본문 설정항목

  1. 브랜드/링크색 : 구매하기, 로그인 버튼, 게시물 기본 링크색, 자동 발송 메일의 강조 등에 사용됩니다. 흰색 또는 밝은색 사용시 보이지 않는 경우가 생길 수 있으므로 주의가 필요합니다.
  2. 뱃지색 : 알림 카운트 등을 표시하는데 사용하는 뱃지의 배경색을 설정합니다. 뱃지의 숫자는 흰색이므로 너무 밝지 않은 색상 적용이 권장됩니다.
  3. 글자색 : 본문 텍스트 기본 색상을 변경할 수 있습니다.
  4. 배경색 : 내 사이트 기본 배경색을 설정합니다. 섹션에서 설정한 배경이 있을 경우 기본 배경색 위에 덮어씌우게 됩니다.
  5. 본문폭 : 데스크톱(PC) 모드의 기본 본문 가로폭을 설정합니다. 사이트의 모든 페이지에 영향을 주며, 위젯의 가로영역 확장 또는 섹션 가로 100% 확장이 적용된 영역은 본문폭이 적용되지 않습니다. 본문폭 설정방법
  6. 그리드 간격 : 위젯과 위젯간의 상, 하, 좌, 우 간격을 설정합니다. 섹션 설정에서 그리드 간격 사용 시 섹션 설정이 더 우선시 됩니다.


텍스트 설정항목

  1. 텍스트 정의 : 내 사이트에서 사용하는 기본 텍스트 크기 및 색상, 줄간격 등을 설정합니다.
  2. 본문 한/중/일 : 단락이 본문(표준)으로 설정된 텍스트의 한글/중국어/일어 글꼴을 변경할 수 있습니다.
  3. 본문 영문 글꼴 : 단락이 본문(표준)으로 설정된 텍스트의 영어 글꼴을 변경할 수 있습니다.
  4. 제목 한/중/일 : 단락이 제목(Heading)으로 설정된 텍스트의 한글/중국어/일어 글꼴을 변경할 수 있습니다.
  5. 제목 영문 글꼴 : 단락이 제목(Heading)으로 설정된 텍스트의 영어 글꼴을 변경할 수 있습니다.


구성요소 설정항목

  1. 버튼 스타일 : 입력폼 위젯, 상품, 예약 상세페이지, 주문페이지 등 버튼이 포함된 항목의 스타일을 설정합니다. 일부 상황(로그인, 회원가입)에서는 버튼 스타일이 반영되지 않습니다.
  2. 입력 필드 : 입력폼 위젯, 상품, 예약 상세페이지, 주문페이지 등 입력요소가 있는 항목의 스타일을 설정합니다. 일부 상황(로그인, 회원가입)에서는 입력 스타일이 반영되지 않습니다.
  3. 말풍선 스타일 : 각종 위젯의 링크 타입을 말풍선으로 사용할 경우 표시될 말풍선의 스타일을 설정합니다. 이 설정은 모든 말풍선에 동일하게 적용됩니다.
  4. 페이징 스타일 : 비주얼섹션 및 슬라이드 갤러리의 페이징 스타일을 지정합니다.
  5. 기본 No-Image : 게시판 및 최신글 위젯(그리드 및 Masonry 타입만 적용) 등에 공통적으로 표시할 이미지를 지정합니다. 게시물에 대표이미지를 지정한 경우 직접 지정한 대표이미지가 우선 반영됩니다.


옵션 설정항목

  1. 원페이지 구성 : 대메뉴가 원페이지로 구성됩니다. 대메뉴의 하위메뉴(서브메뉴)는 원페이지 적용 대상이 아니며, 미리보기에서만 원페이지 구성을 확인하실 수 있습니다. 상세 설정방법
  2. 모바일 폰트유지 : 모바일에서도 설정한 글꼴(폰트)가 로드됩니다. 한글 폰트의 경우 용량이 많은 편이기에 로드 속도가 지연될 수 있으므로 특별한 경우가 아닌한 사용 해제를 권장합니다.
  3. 모바일에서 PC 보기 버튼 사용 : 모바일에서 접속 시 페이지 최하단에 PC 보기 버튼을 표시합니다. PC 보기 버튼의 배경색과 글자색은 마지막 섹션을 따릅니다.
  4. 로그인/가입 팝업으로 사용 : 이 옵션을 사용하면 로그인이나 가입창이 현재 페이지에서 팝업(모달) 형태로 나타납니다. 해제 시 메뉴 관리의 글로벌 메뉴에서 로그인, 가입 페이지를 직접 디자인(변경) 할 수 있습니다. 단, 사이트 접속 시 성인인증 페이지 출력 사용 시, 해당 페이지에서는 이 설정에 관계 없이 팝업 형태로 로그인, 가입 페이지가 동작합니다.
  5. 가입완료 후 특정 위치로 이동 : 가입완료 후 항상 설정한 메뉴로 이동합니다.
  6. 로그인 후 특정 위치로 이동 : 로그인 후 이동할 메뉴를 설정합니다. 로그인 위젯이나 모바일 메뉴의 로그인 영역을 통해서 로그인 시에만 적용되며 이외에는 마지막 접속 메뉴로 이동합니다.
  7. 스크롤 부드럽게 : 방문자 컴퓨터의 기본 마우스 스크롤 설정 대신 부드러운 스크롤을 사용합니다. 디자인 모드가 아닌 미리보기에서 적용 상태를 직접 스크롤하여 확인할 수 있습니다. 단, 이 기능 적용 시 마우스 휠을 이용한 확대 및 축소 기능이 동작하지 않습니다.
  8. 페이지 전환시 페이드 효과 : 사이트 내에서 링크 이동, 메뉴 이동 등 페이지 전환 시 서서히 전환되는 효과를 적용합니다. 디자인 모드가 아닌 미리보기에서 적용 상태를 메뉴 등을 클릭해 확인할 수 있습니다. Safari(사파리) 브라우저에서는 호환성 문제로 지원하지 않습니다.
  9. 위젯에 애니메이션 적용 : 상단 섹션을 제외한 모든 위젯에 페이드인 애니메이션 효과가 지속시간 2초로 적용됩니다. 위젯마다 개별 적용한 경우 이 설정을 따르지 않습니다. 개별 애니메이션 설정방법


공통 디자인 설정 적용 또는 취소하기

  1. 공통 디자인 설정 오른쪽 상단 ⓧ를 클릭하거나, 설정메뉴 바깥 영역 아무 곳을 클릭합니다.
  2. '공통 디자인 설정을 저장 하시겠습니까?'라는 경고창이 나타납니다.
  3. 적용을 하려면 저장을, 적용하지 않고 종료하려면 취소 버튼을 클릭합니다.

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