# 디자인 에디터로 내 쇼핑몰 꾸미기

## 🎨**나만의 쇼핑몰, 직접 만들어 볼까요?**

코딩 지식이 없어도 사용할 수 있어요. 마우스로 끌어다 놓고, 클릭만 몇 번 하면 멋진 쇼핑몰이 완성됩니다.\
처음이라면 위에서부터 순서대로, 익숙하다면 필요한 부분만 확인하세요.

{% stepper %}
{% step %}

### ✨ 어떻게 시작하면 좋을까요?

<table><thead><tr><th width="342">상황</th><th>추천 가이드</th></tr></thead><tbody><tr><td>🆕 처음 사용해요</td><td><a data-mention href="/pages/B4rNNCsUt0MtcA8sjlr9">/pages/B4rNNCsUt0MtcA8sjlr9</a>부터 순서대로 확인하세요</td></tr><tr><td>🎨 빠르게 디자인 톤만 잡고 싶어요</td><td><a data-mention href="/pages/TfyvlzsT9rutIjGGJE5w">/pages/TfyvlzsT9rutIjGGJE5w</a>를 먼저 확인하세요</td></tr><tr><td>🔍 특정 기능만 빠르게 확인하고 싶어요</td><td>아래 목록에서 원하는 주제를 클릭하세요</td></tr></tbody></table>
{% endstep %}

{% step %}

### 🌱 필수 코스 - 가장 먼저 **확인하세요**

이 세 가지만 알아도 충분히 쇼핑몰을 꾸밀 수 있어요.

| 이런 분께 추천해요                              | 가이드                                                                    |
| --------------------------------------- | ---------------------------------------------------------------------- |
| 에디터에 처음 들어와 화면이 낯설어요                    | [01. 디자인 에디터 시작하기](/design-editor-guide/essentials/getting-started.md) |
| <p>브랜드 색상·글꼴·버튼을 <br>한 곳에서 관리하고 싶어요</p> | [02. 공통 스타일 설정하기](/design-editor-guide/essentials/global-style.md)     |
| 폴더·페이지·섹션·위젯이 뭔가요?                      | [03. 페이지 구성 이해하기](/design-editor-guide/essentials/page-structure.md)   |
| {% endstep %}                           |                                                                        |

{% step %}

### 🛠️ 기본 코스 - 직접 페이지를 **만들 수 있어요**

실제로 메인 화면, 배너, 상품 진열을 만드는 단계예요. 가장 자주 사용하는 기능들이에요.

| 이런 분께 추천해요                          | 가이드         |
| ----------------------------------- | ----------- |
| 기획전·이벤트 페이지를 묶어서 관리하고 싶어요           | coming soon |
| 새 페이지를 만들거나 메인 페이지를 꾸미고 싶어요         | coming soon |
| 페이지에 새 영역을 추가·복사·정렬하고 싶어요           | coming soon |
| 이미지·텍스트·버튼 같은 작은 요소를 자유자재로 배치하고 싶어요 | coming soon |
| 모든 페이지의 상단 메뉴와 로고를 꾸미고 싶어요          | coming soon |
| 사업자 정보·SNS·고객센터를 관리하고 싶어요           | coming soon |
| 메인 페이지에 이벤트 팝업을 띄우고 싶어요             | coming soon |
| 사이트 최상단에 운영 공지를 노출하고 싶어요            | coming soon |
| 슬라이드 배너·단일 배너로 첫인상을 강하게 만들고 싶어요     | coming soon |
| 신상품·베스트·컬렉션을 매력적으로 보여주고 싶어요         | coming soon |
| {% endstep %}                       |             |

{% step %}

### 🚀 작업 효율 코스 - 더 빠르고 안전하게

자동 저장이 없는 만큼, 안전 장치를 미리 알아두면 작업에 도움이 돼요.

| 이런 분께 추천해요                    | 가이드         |
| ----------------------------- | ----------- |
| PC와 모바일 화면을 비교하며 확인하고 싶어요     | coming soon |
| 게시 전에 실제 화면을 미리 점검하고 싶어요      | coming soon |
| 저장하기, 게시하기 두 버튼이 어떻게 다른지 헷갈려요 | coming soon |
| 실수했을 때 빠르게 되돌리고 싶어요           | coming soon |
| 마우스 클릭을 줄여 작업 속도를 높이고 싶어요     | coming soon |
| {% endstep %}                 |             |
| {% endstepper %}              |             |

## 💡 알아두면 좋은 팁

<table data-view="cards"><thead><tr><th></th><th data-hidden data-type="content-ref"></th></tr></thead><tbody><tr><td>🧐 <strong>헷갈리는 용어가 있나요?</strong> <a data-mention href="/pages/B4rNNCsUt0MtcA8sjlr9">/pages/B4rNNCsUt0MtcA8sjlr9</a>가 궁금증을 해결해드립니다.</td><td></td></tr><tr><td>💻 <strong>PC 환경만 지원돼요</strong> <br>디자인 에디터는 PC에서만 사용할 수 있어요. 모바일·태블릿에서는 접속이 차단됩니다.</td><td></td></tr><tr><td>⚠️ <strong>저장은 꼭 잊지 말기!</strong> <br>페이지를 이동하거나 새로고침하면 작업 내역이 사라질 수 있으니, 중간중간 저장하기 / 게시하기 버튼을 눌러 주세요.</td><td></td></tr></tbody></table>


---

# Agent Instructions: 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:

```
GET https://godomall-help.nhn-commerce.com/design-editor-guide.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.