식스샵 고객센터
식스샵 웹사이트채팅 상담하기인스타그램개선 요청하기
  • 💬고객센터 안내
  • 🤔자주 묻는 질문
  • ✨이용 요금 안내
    • 상점 개설하기
  • 🌱쇼핑몰 가장 빠른 시작 가이드
  • 🏠홈페이지 1일 완성 가이드
  • ✅식스샵 배워보기
    • 식스샵 시작하기
      • 판매 준비하기
        • 사업자 등록하기
          • 사업자 변경하기
        • PG 연동하기
          • 토스페이먼츠
            • 토스페이먼츠 심사 미비 사항 보완하기
          • KG 이니시스
          • 간편결제 사용하기
            • 카카오페이
            • 네이버페이 주문형
            • 네이버페이 결제형
          • 기타 결제 설정하기
        • 통신판매업 신고하기
        • 상점 필수 정책 고지하기
        • 도메인 연결하기
        • 배송 설정하기
        • 알림 메시지 설정하기
      • 해외 전용 상점 개설
        • 해외 PG 연동하기
      • 식스샵으로 호스팅 이전하기
    • 상점 관리하기
      • 주문
        • 송장 엑셀 등록하기
        • 현금 영수증 발급하기
        • 부분 취소하기
      • 상품
        • 개인 결제창 생성하기
        • 조합형 옵션 만들기
        • 추가 상품 판매하기
      • 할인
        • 할인 적용 순서 살펴보기
        • 특정 상품만 할인 적용하기
      • 고객
      • 게시판
      • 후기와 질문
        • 상품 후기 연동하기
      • 블로그
      • 애드온
        • 할인 행사
        • 적립금
        • 쿠폰
        • 할인 코드
        • 셀러허브 이지셀
        • 네이버페이 주문형
        • 네이버페이 결제형
        • 무통장 입금 자동 확인
        • 송장 자동 등록 / 출력 (베타 서비스)
          • 송장 재출력하기
        • 소셜 로그인
          • 카카오 로그인 연동하기
            • 카카오 디벨로퍼스 앱 연동하기
            • 카카오톡 채널 만들기
          • 네이버 로그인 연동하기
          • 페이스북 로그인 연동하기
          • 구글 로그인 연동하기
        • 본인 인증
        • 재입고 알림
        • 카카오 알림톡/문자
          • 알림톡 템플릿 추가하기
          • 문자 템플릿 수정하기
        • 카카오 채팅
        • 채널톡
        • 네이버 톡톡
        • 네이버 쇼핑
        • 네이버 웹마스터 도구
        • 네이버 프리미엄 로그 분석
        • 지그재그 상품 연동
        • 페이스북 비즈니스 인증
        • 페이스북 마케팅(FBE)
        • 구글 서치 콘솔
        • 구글 애즈
        • 구글 태그 매니저
          • 구글 태그 매니저 구글 애널리틱스 연동하기 - GA4 버전
          • 구글 태그 매니저 구글 애널리틱스 연동하기 - UA 버전(중단 예정)
          • 구글 태그 매니저 구글 애즈 연동하기
          • 페이지별 변수 확인하기
        • 카카오 픽셀
        • 다음 쇼핑하우
        • 링크프라이스
          • 링크프라이스 할인 코드 추가하기
        • 스티비
        • 빅인
        • 팝업
        • 최상단 배너
        • 고정 버튼
        • SNS 공유
        • 코드 삽입
        • 구글 애널리틱스
          • 구글 애널리틱스 전자상거래
          • 구글 애널리틱스 캠페인 URL
          • 구글 URL Builder 활용하기
        • 네이버 애널리틱스
        • 스팸 콘텐츠 방지
      • 통계
      • 상점 설정
      • 계정 설정
      • 크롬 브라우저 설정
    • 상점 디자인하기
      • 기초부터 따라 하는 디자인 편집
        • 🧑‍🎨 디자인 에디터
        • 🚧 템플릿 변경
        • 📑 메뉴 편집
        • 🖼️ 메인 배너 섹션
        • 🛒 상품 목록 섹션
        • 📸 갤러리 섹션
        • 📢 게시판 섹션
      • 에디터 기본 정보
      • 페이지와 메뉴
        • 쇼핑몰 메뉴 구성 팁
      • 스타일 편집
      • 콘텐츠 구성 요소
        • 인스타그램 프로페셔널 계정 인증하기
      • 기본 제공 페이지
      • 모바일 화면 디자인
      • 디자인 활용하기
        • 이미지 설정 가이드
        • 상품 카테고리를 메뉴로 구성하기
        • 상점 제작 중 안내 페이지 만들기
        • 특정 등급만 구매 가능한 상품 판매하기
        • 원페이지 구성하기
        • 룩북 페이지 구성하기
        • 이미지 다운로드하기
        • 외부 설문 기능(구글 폼) 활용하기
        • 외부 팝업 기능(코드앤버터) 활용하기
    • 마케팅 스쿨
  • 💌식스샵 소식
    • 업데이트 뉴스
      • 2025년 5월 2일
      • 2025년 4월 18일
      • 2025년 3월 21일
      • 2025년 3월 7일
      • 2025년 2월 21일
      • 2024년 12월 27일
      • 2024년 9월 20일
      • 2024년 8월 21일
      • 2024년 6월 14일
      • 2024년 5월 3일
      • 2024년 4월 19일
      • 2024년 3월 8일
      • 2023년 12월 22일
      • 2023년 12월 1일
      • 2023년 11월 3일
      • 2023년 10월 13일
      • 2023년 8월 4일
      • 2023년 6월 30일
      • 2023년 5월 26일
      • 2023년 5월 19일
      • 2023년 5월 12일
      • 2023년 4월 28일
      • 2023년 4월 7일
      • 2023년 3월 17일
      • 2023년 3월 10일
      • 2023년 2월 10일
      • 2023년 2월 3일
      • 2022년
        • 2022년 12월 2일
        • 2022년 10월 7일
        • 2022년 9월 8일
        • 2022년 7월 1일
        • 2022년 6월 17일
        • 2022년 5월 27일
        • 2022년 4월 29일
        • 2022년 4월 22일
        • 2022년 4월 8일
        • 2022년 3월 18일
        • 2022년 3월 11일
        • 2022년 2월 25일
        • 2022년 2월 18일
        • 2022년 2월 11일
        • 2022년 1월 28일
        • 2022년 1월 14일
        • 2022년 1월 7일
      • 2021년
        • 2021년 12월 31일
        • 2021년 12월 24일
        • 2021년 12월 17일
        • 2021년 12월 10일
        • 2021년 12월 3일
        • 2021년 11월 26일
        • 2021년 11월 19일
        • 2021년 11월 12일
        • 2021년 11월 5일
        • 2021년 10월 29일
        • 2021년 10월 22일
        • 2021년 10월 15일
        • 2021년 10월 1일
        • 2021년 9월 24일
        • 2021년 9월 17일
        • 2021년 9월 10일
        • 2021년 8월 27일
        • 2021년 8월 20일
        • 2021년 8월 13일
        • 2021년 8월 6일
        • 2021년 7월 30일
        • 2021년 7월 2일
        • 2021년 6월 18일
        • 2021년 6월 17일
        • 2021년 6월 4일
        • 2021년 4월 30일
        • 2021년 4월 23일
        • 2021년 4월 15일
        • 2021년 4월 9일
        • 2021년 3월 26일
        • 2021년 3월 19일
        • 2021년 3월 5일
        • 2021년 2월 26일
        • 2021년 2월 19일
        • 2021년 2월 10일
        • 2021년 2월 5일
        • 2021년 1월 22일
        • 2021년 1월 15일
        • 2021년 3월 12일
      • 2020년
        • 2020년 12월 31일
        • 2020년 12월 18일
        • 2020년 12월 4일
        • 2020년 11월 20일
        • 2020년 11월 12일
        • 2020년 10월 30일
        • 2020년 10월 23일
        • 2020년 10월 8일
        • 2020년 9월 25일
        • 2020년 9월 18일
        • 2020년 9월 9일
        • 2020년 9월 4일
        • 2020년 8월 28일
        • 2020년 8월 14일
        • 2020년 8월 7일
        • 2020년 7월 24일
        • 2020년 7월 17일
        • 2020년 6월 17일
        • 2020년 6월 5일
        • 2020년 5월 13일
        • 2020년 4월 22일
        • 2020년 4월 8일
        • 2020년 3월 25일
        • 2020년 3월 11일
        • 2020년 2월 26일
        • 2020년 1월 15일
        • 2020년 1월 2일
      • 2019년
        • 2019년 12월 10일
        • 2019년 11월 26일
        • 2019년 11월 12일
        • 2019년 10월 15일
        • 2019년 10월 1일
        • 2019년 8월 6일
        • 2019년 7월 23일
        • 2019년 7월 2일
        • 2019년 6월 5일
        • 2019년 5월 21일
        • 2019년 4월 23일
        • 2019년 4월 2일
        • 2019년 3월 12일
        • 2019년 2월 13일
        • 2019년 1월 23일
      • 2018년
        • 2018년 12월 28일
        • 2018년 12월 5일
        • 2018년 11월 19일
        • 2018년 11월 7일
        • 2018년 10월 29일
        • 2018년 10월 15일
        • 2018년 9월 4일
        • 2018년 8월 8일
        • 2018년 7월 16일
        • 2018년 7월 2일
        • 2018년 6월 14일
        • 2018년 5월 23일
        • 2018년 5월 8일
        • 2018년 4월 23일
        • 2018년 3월 14일
        • 2018년 2월 2일
        • 2018년 1월 11일
      • 2017년
        • 2017년 11월 29일
        • 2017년 10월 19일
        • 2017년 9월 26일
        • 2017년 8월 25일
        • 2017년 7월 26일
        • 2017년 6월 30일
        • 2017년 6월 9일
        • 2017년 5월 19일
        • 2017년 4월 17일
        • 2017년 3월 7일
        • 2017년 2월 7일
        • 2017년 1월 13일
      • 2016년
        • 2016년 12월 22일
        • 2016년 12월 1일
        • 2016년 11월 10일
        • 2016년 10월 17일
        • 2016년 9월 29일
        • 2016년 8월 25일
        • 2016년 8월 9일
        • 2016년 7월 7일
        • 2016년 6월 14일
        • 2016년 5월 19일
        • 2016년 5월 6일
        • 2016년 4월 18일
        • 2016년 4월 11일
        • 2016년 3월 25일
    • 진행 중인 이벤트
    • 💜 식스샵 프로 살펴보기
  • .
    • 페이스북 로그인 연동하기
    • 토스페이먼츠 결제 위젯 설정
    • 구글 애널리틱스(구버전)
    • 구글 애널리틱스 전자상거래
    • 카카오 싱크
    • 공지사항
    • 상점 디자인 기타
      • 로딩 속도 개선하기
    • 스타일 편집 및 개별 편집 수정
    • 갤러리_슬라이드형 만들기
    • 갤러리_라이트박스 만들기
    • 갤러리_컬렉션 버튼 만들기
    • 종료된 이벤트
      • [종료] 페이스북/인스타그램 마케팅 대행 이벤트
      • [종료] 카카오모먼트 CBT 모집
      • [종료] 링크프라이스 제휴 마케팅 서비스
      • [종료] 이니시스 맞춤형 타겟 마케팅
    • 페이스북 카탈로그(해외 쇼핑몰 전용)
      • 페이스북 다이내믹 광고 등록하기
      • 인스타그램 제품 태그하기
    • 페이스북 픽셀(해외 쇼핑몰 전용)
      • 페이스북 픽셀 타겟 만들기
    • 🚀식스샵 퀵가이드
Powered by GitBook
On this page
  • 원페이지란?
  • 1. 기본 요소 추가하기
  • 1-1. 원페이지(상위 메뉴) 추가하기
  • 1-2. 하위 페이지 추가하기
  • 1-3. 원페이지 콘텐츠 구성하기
  • 2. 디자인 설정 방법
  • 2-1. 내비게이션 설정
  • 2-2. 하위 메뉴 펼치기

Was this helpful?

  1. 식스샵 배워보기
  2. 상점 디자인하기
  3. 디자인 활용하기

원페이지 구성하기

Previous특정 등급만 구매 가능한 상품 판매하기Next룩북 페이지 구성하기

Last updated 6 months ago

Was this helpful?

원페이지란?

여러 페이지를 하나로 합쳐 한 화면에서 스크롤을 이용하여 위아래로 이동하며 콘텐츠를 살펴볼 수 있습니다. 회사 소개 또는 프로모션 페이지 등에 주로 활용할 수 있는 메뉴예요.

1. 기본 요소 추가하기

원페이지는 여러 페이지를 하나의 메뉴 안에 포함된 형태로 노출하는 기능입니다. 실제 상점에 노출될 상위 메뉴는 [원페이지] 유형으로, 하위에 묶일 페이지들은 [페이지] 유형으로 추가해 주셔야 합니다.

1-1. 원페이지(상위 메뉴) 추가하기

✅ 먼저 사이트의 메뉴가 될 원페이지(상위 메뉴)를 추가해 주세요.

[디자인 편집 > 좌측 하단 메뉴(≡)]를 클릭하면 나타나는 패널의 오른쪽 상단 ① [+ (메뉴 추가)] 버튼 선택 후 ② 종류를 원페이지로 선택해 주시면 됩니다.

1-2. 하위 페이지 추가하기

✅ 원페이지가 생성되었다면 하위에 묶일 페이지들을 구성할 차례입니다.

원페이지 생성 후 ① [+ 하위 페이지 추가하기] 버튼을 클릭하여 패널이 활성화되면, ② 원하는 페이지 템플릿을 선택해 주세요.

페이지 템플릿 선택 후 ③ 메뉴 이름, 하위 주소를 입력 ④ 추가하기 버튼을 클릭하면, ⑤ 하위 메뉴가 생성된 것을 확인해 보실 수 있어요.

✅ 원페이지의 하위 메뉴를 여러 페이지로 운영하려면, 원페이지(상위 메뉴)가 선택된 상태로 오른쪽 상단 [+ (메뉴 추가)] 버튼을 선택하여 하위 페이지를 추가할 수 있습니다.

작업 후, 생성된 새로운 하위 메뉴를 드래그하여 원페이지 하단으로 옮겨 주세요. 모든 하위 메뉴가 같은 선상에 배치되었다면, 원페이지로 정상적으로 묶인 상태입니다.

1-3. 원페이지 콘텐츠 구성하기

원페이지와 하위 페이지가 모두 추가되었다면 원페이지의 기본 설정이 끝났습니다. 이제 각 하위 페이지에서 왼쪽 하단 [+ 섹션 추가하기]를 통해 원페이지를 구성할 콘텐츠를 채워 주세요.

2. 디자인 설정 방법

원페이지의 완성도를 높이는 디자인 기능 설정입니다. 고객이 좀 더 편리하게 페이지를 살펴볼 수 있도록 네비게이션, 하위 메뉴 펼치기 기능을 활용해 보세요.

2-1. 내비게이션 설정

원페이지 설정에서 내비게이션 설정이 가능하며, '없음' 상태에서는 네비게이션 없이, 고객이 화면 스크롤을 통해서만 페이지를 탐색하게 됩니다.

'점' 상태에서는 화면 오른쪽 중앙에 메뉴 구분용 점이 존재합니다. 점을 클릭한 고객은 특정 위치로 빠르게 이동합니다.

'점+글자' 상태에서는 마우스 오버 시 메뉴명이 함께 노출되어 고객에게 페이지 정보를 더 정확히 안내할 수 있어요.

2-2. 하위 메뉴 펼치기

각 페이지의 메뉴명을 상단에 구분하여 노출하는 방식입니다. 각 메뉴명을 클릭 시 해당 영역으로 빠르게 이동할 수 있게 됩니다.

참고 사항

  1. 상위 메뉴인 원페이지(ONEPAGE)는 하위 메뉴의 내용을 묶어서 보여 주는 역할만 합니다. 원페이지를 구성하는 콘텐츠를 수정하려면 각각의 하위 메뉴(메뉴 ①, 메뉴 ②...)에서 작업해 주셔야 합니다.

  2. 브라우저 화면 비율이 100% 이하인 경우 내비게이션과 하위 메뉴 펼치기 기능이 정상 작동하지 않을 수 있어요.

다양한 섹션 활용 방법은 안내서에서 확인할 수 있습니다.

✅
콘텐츠 구성 요소
예들 들어, 위 이미지에서 ONEPAGE라는 메뉴를 클릭하면 메뉴 ①, 메뉴 ②...의 콘텐츠가 한 페이지에 노출됩니다.
원페이지 제작 미리보기 페이지
Logo