> For the complete documentation index, see [llms.txt](https://godomall-help.nhn-commerce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://godomall-help.nhn-commerce.com/design-editor-guide/basics/page-management.md).

# 05. 페이지 관리하기

### 📄 페이지란?

페이지는 쇼핑몰을 구성하는 실제 화면 단위예요.\
메인, 상품 목록, 상품 상세처럼 화면 하나하나가 페이지에 해당하며, 페이지 안에 섹션과 위젯을 배치해 화면을 꾸밀 수 있어요.

페이지는 성격에 따라 세 가지 유형으로 나뉘어요.

<table><thead><tr><th width="170">유형</th><th>설명</th></tr></thead><tbody><tr><td>MVP 페이지</td><td>쇼핑몰 운영에 꼭 필요해 시스템이 미리 제공하는 페이지예요.<br>(메인, 상품 목록, 상품 상세, 검색결과, 장바구니, 주문서, 회원가입, 로그인)</td></tr><tr><td>빈 페이지</td><td><p>운영자가 폴더 안에 직접 추가하는 커스텀 페이지예요. </p><p>기획전·이벤트 페이지처럼 자유롭게 만들 수 있어요.</p></td></tr><tr><td>비 MVP 페이지</td><td>게시판, 1:1 문의, 마이페이지처럼 에디터의 캔버스 편집 대상이 아닌 시스템 페이지예요.</td></tr></tbody></table>

> 💡 **참고** 헤더·푸터·공지 배너·팝업은 특정 페이지에 속하지 않고 쇼핑몰 전체에 공통으로 적용되는 영역이에요. 단, 팝업은 메인 페이지에서만 설정·노출할 수 있어요. 페이지 영역 구성은 [03. 페이지 구성 이해하기](/design-editor-guide/essentials/page-structure.md)에서 확인할 수 있어요.

### 🔑 페이지 유형별 편집 권한

유형에 따라 디자인 에디터에서 직접 편집할 수 있는지, 공통 스타일이 적용되는지가 달라요.

<table><thead><tr><th width="200">유형</th><th>에디터 편집</th><th>공통 스타일 적용</th></tr></thead><tbody><tr><td>MVP 페이지</td><td>✅</td><td>✅</td></tr><tr><td>빈 페이지</td><td>✅</td><td>✅</td></tr><tr><td>비 MVP 페이지</td><td>❌</td><td>✅</td></tr></tbody></table>

비 MVP 페이지는 캔버스에서 직접 편집할 수 없지만, \[공통 스타일 설정]에서 정한 색상·글꼴 등 전역 디자인은 동일하게 적용돼서 쇼핑몰 전체와 일관된 분위기를 유지할 수 있어요. 공통 스타일은 [02. 공통 스타일 설정하기](/design-editor-guide/essentials/global-style.md)에서 안내해 드릴게요.

### 📋 페이지별 제어 권한

같은 MVP 페이지라도 메인 페이지와 나머지 페이지의 권한이 달라요.

<table><thead><tr><th width="100">유형</th><th>페이지</th><th width="100">이름 변경</th><th width="100">주소 변경</th><th width="100">복사</th><th width="100">삭제</th><th width="100">SEO</th></tr></thead><tbody><tr><td>MVP</td><td>메인</td><td>✅</td><td>✅</td><td>✅</td><td>❌</td><td>✅</td></tr><tr><td></td><td>상품 목록, 상품 상세, 검색결과, 장바구니, 주문서, 회원가입, 로그인</td><td>❌</td><td>❌</td><td>❌</td><td>❌</td><td>❌</td></tr><tr><td>빈 페이지</td><td>빈 페이지</td><td>✅</td><td>✅</td><td>✅</td><td>✅</td><td>✅</td></tr></tbody></table>

* 메인을 제외한 MVP 페이지는 쇼핑몰의 핵심 기능과 연결되어 있어서, 이름이나 주소를 바꾸거나 복사·삭제할 수 없어요.
* 메인 페이지는 삭제만 할 수 없고, 이름·주소 변경과 복사는 자유롭게 할 수 있어요.
* 빈 페이지는 이름·주소 변경부터 복사·삭제까지 모두 자유롭게 할 수 있어요.
* SEO(메타 검색·오픈그래프)는 메인 페이지와 빈 페이지에서 설정할 수 있어요. 페이지 수정 모달의 SEO 링크를 누르면 관리자 \[SEO 설정 페이지]로 이동해, 검색 결과나 SNS 공유 시 노출되는 정보를 관리할 수 있어요.
* 페이지가 노출되는 순서는 시스템이 정하며, 직접 바꿀 수는 없어요.

### ➕ 페이지 추가하기

빈 페이지는 반드시 폴더 안에 만들어져요. 페이지를 추가하기 전에 폴더가 있어야 해요.

{% hint style="info" %}
💡 폴더가 아직 없다면 먼저 폴더를 만들어 주세요. 폴더 만들기는 [04. 폴더 관리하기](/design-editor-guide/basics/folder-management.md)에서 안내해 드릴게요.
{% endhint %}

<figure><img src="/files/teuiq6Bca7zC2vRg2Dih" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/afxpJcdSmR3cdgfnL5dW" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/mifgNd76NVWCeM6857gV" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}
상단 메뉴에서 \[페이지 인포]를 클릭하고, 페이지를 추가할 폴더에 진입해요.
{% endstep %}

{% step %}
\[+ 페이지 추가] 버튼을 클릭하면 페이지 설정 모달이 열려요. 이미 폴더에 들어와 있으므로 폴더를 따로 선택하지 않아도 돼요.
{% endstep %}

{% step %}
페이지명과 페이지 주소를 입력하고 \[저장] 버튼을 누르면 빈 페이지가 만들어져요.
{% endstep %}
{% endstepper %}

#### 입력 항목과 주소 구조

* **페이지명**: 디자인 에디터에서 페이지를 구분하기 위한 이름이에요.
* **페이지 주소**: 실제 쇼핑몰 URL에 사용되는 주소예요.
* 최종 주소는 `https://{쇼핑몰도메인}/{폴더 주소}/{페이지 주소}` 형태로 만들어져요.

#### 입력 규칙

<table><thead><tr><th width="160">입력 항목</th><th>규칙</th></tr></thead><tbody><tr><td>페이지명</td><td><p>글자 수 제한이 없고, 특수문자·공백·한글 등 모든 문자를 입력할 수 있어요. </p><p>같은 페이지명을 중복해서 써도 돼요. </p><p>필수 항목이라 비어 있으면 [저장] 버튼이 비활성화돼요.</p></td></tr><tr><td>페이지 주소</td><td><p>영문·숫자·마침표(.)·하이픈(-)·언더스코어(_)만 입력할 수 있어요. </p><p>한글·공백·그 외 특수문자는 입력 자체가 막혀요. </p><p>이미 등록된 주소를 입력하면 "등록된 페이지 주소가 있습니다." 안내가 노출되며 저장할 수 없어요.</p></td></tr></tbody></table>

### 📑 페이지 복사하기

메인 페이지와 빈 페이지는 복사할 수 있어요.\
같은 레이아웃의 페이지를 빠르게 하나 더 만들고 싶을 때 사용하면 편해요.

<figure><img src="/files/fDqh47M0gsf6L4TIigU6" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/i1FOafSGlXDNYlR4LbGF" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}
복사할 페이지의 설정에서 \[복사]를 클릭해요.
{% endstep %}

{% step %}
복사된 페이지가 저장될 폴더를 드롭다운에서 선택해요. 페이지 추가와 달리 위치할 폴더를 직접 지정해야 해요.
{% endstep %}

{% step %}
유효한 페이지 주소를 입력하면 \[저장] 버튼이 활성화돼요. 저장하면 복사가 완료돼요.
{% endstep %}
{% endstepper %}

> 💡 **TIP** 복사한 직후에는 원본과 똑같은 레이아웃을 가져요. 복사 이후에는 원본과 완전히 분리되어 독립적으로 동작하므로, 복사본을 수정해도 원본에는 영향을 주지 않아요.

### ✏️🗑️ 페이지 수정하고 삭제하기

<figure><img src="/files/wc45QZOz6yEjyRoIMZOo" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ACKnL3yLz2TaAGCiaIA8" alt=""><figcaption></figcaption></figure>

빈 페이지에 한해 생성 이후 페이지명과 주소를 수정하고, 페이지를 삭제할 수 있어요.

{% hint style="warning" %}
⚠️ **페이지 주소를 바꾸면 기존 주소로는 접속할 수 없어요.**

페이지 주소를 수정하면 아래 사항이 적용돼요.

* 기존 주소로 접속하면 페이지를 찾을 수 없는(404) 화면이 나와요.
* 기존 주소를 새 주소로 자동 연결(리다이렉트)해 주지 않아요.
* 이미 외부에 공유한 링크가 더 이상 열리지 않을 수 있어요.

운영 중인 페이지의 주소는 가능한 한 변경하지 않는 것을 권장해요.
{% endhint %}

페이지를 삭제할 때는 작업 범위가 큰 점을 고려해 "페이지가 삭제됩니다. 이 작업은 되돌릴 수 없습니다." 확인 알럿이 노출돼요. \[삭제]를 누르면 페이지가 삭제되며 메인 페이지로 이동해요. \[취소]를 누르면 작업 중이던 편집 내용은 그대로 유지돼요.

### 💡 자주 묻는 질문

<details>

<summary>메인 페이지가 삭제되지 않아요.</summary>

메인 페이지는 쇼핑몰의 첫 화면이자 핵심 페이지라서 삭제할 수 없어요.\
삭제를 제외한 이름·주소 변경과 복사는 가능해요.

</details>

<details>

<summary>빈 페이지를 만들려는데 추가가 안 돼요.</summary>

빈 페이지는 반드시 폴더 안에 만들어져요.\
폴더가 아직 없다면 [04. 폴더 관리하기](/design-editor-guide/basics/folder-management.md)에서 폴더를 먼저 만든 뒤 페이지를 추가해 주세요.

</details>

<details>

<summary>상품 목록·장바구니 같은 페이지의 이름을 바꾸고 싶어요.</summary>

메인을 제외한 MVP 페이지(상품 목록, 상품 상세, 검색결과, 장바구니, 주문서, 회원가입, 로그인)는 쇼핑몰 핵심 기능과 연결되어 있어 이름·주소 변경과 복사·삭제가 모두 막혀 있어요.\
이 페이지들은 본문 안의 섹션과 위젯을 편집하는 방식으로 꾸며 주세요.

</details>

<details>

<summary>게시판이나 마이페이지는 왜 에디터에서 편집되지 않나요?</summary>

게시판·1:1 문의·마이페이지 등은 비 MVP 페이지로, 디자인 에디터의 캔버스 편집 대상에 포함되지 않아요.\
다만 \[공통 스타일 설정]에서 정한 색상·글꼴 등은 이 페이지들에도 동일하게 적용되어 쇼핑몰 전체와 일관된 디자인을 유지할 수 있어요.

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://godomall-help.nhn-commerce.com/design-editor-guide/basics/page-management.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.