> 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/footer.md).

# 09. 푸터 설정하기

### 🔻 푸터란?

푸터는 모든 페이지 하단에 항상 노출되는 공통 영역이에요. 로고, 사업자 정보, 고객센터 안내, SNS 링크처럼 쇼핑몰 운영에 필요한 기본 정보와 법적 필수 정보들이 모여 있는 곳이랍니다.

특히 푸터는 전체 페이지에 적용되는 공통 섹션이기 때문에, 임의로 추가·삭제하거나 숨길 수 없어요. 대신 한 번만 설정해 두면 모든 페이지에 똑같이 자동 반영되어 편리해요.

{% hint style="info" %}
💡 헤더와 마찬가지로 푸터도 페이지에 종속되지 않는 공통 영역이에요. 어느 페이지에서 편집하든 그 결과가 모든 페이지에 함께 반영되니 참고해 주세요!
{% endhint %}

### ✏️ 푸터 편집하기

푸터의 상세 속성은 화면 오른쪽 사이드바에서 편집할 수 있어요. 아래의 두 가지 방법 중 편한 방식으로 접근해 보세요.

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

1. 왼쪽 사이드바 메뉴 트리에서 \[푸터]를 클릭해요.
2. 캔버스 하단에 있는 푸터 영역을 직접 클릭해요.

오른쪽 사이드바가 열리면 푸터의 배경(이미지 또는 색상)과 글자색을 쇼핑몰 분위기에 맞춰 자유롭게 설정할 수 있어요.

### 🧩 푸터 안의 요소들

푸터에는 시스템이 기본으로 제공하는 위젯들이 들어 있어요. 이 위젯들은 새로 추가하거나 완전히 삭제할 수는 없지만, 각각의 위젯을 선택해 노출 방식이나 세부 설정을 조정할 수 있답니다.

<table><thead><tr><th width="150">위젯</th><th>주요 설정</th></tr></thead><tbody><tr><td>로고</td><td>상점 이름(텍스트) 또는 로고 이미지 중에서 선택하여 표시할 수 있어요.</td></tr><tr><td>SNS</td><td>인스타그램, 페이스북, 유튜브 등 운영 중인 SNS 주소를 입력해 연결해요.</td></tr><tr><td>바로가기 메뉴</td><td><p>회사소개, 이용약관 등 기본 메뉴의 노출 여부와 순서를 정하고, </p><p><code>[+]</code> 버튼으로 원하는 메뉴를 직접 추가할 수도 있어요.</p></td></tr><tr><td><p>쇼핑몰 기본정보 /</p><p>고객센터 정보 / </p><p>도메인 정보 / </p><p>제휴 로고</p></td><td><p>회사 정보, 고객센터, 도메인, 인증 로고 등 법적 필수 정보를 보여주는 영역이에요. </p><p>세부 내용은 관리자 페이지에서 관리해요.</p></td></tr><tr><td>해외몰 이동</td><td>다른 언어의 쇼핑몰로 이동할 수 있는 아이콘의 노출 방식을 선택해요.</td></tr></tbody></table>

#### SNS 연결하기

SNS 위젯은 인스타그램, 페이스북, 카카오톡/카카오채널, 네이버블로그, 티스토리, 틱톡, X(트위터), 유튜브, Vimeo까지 다양한 플랫폼을 지원해요.

* 각 SNS의 주소를 입력하면 해당 아이콘이 푸터에 나타나요. 주소를 입력하지 않은 SNS는 자동으로 숨겨지니 안심하세요.
* 항목 좌측의 핸들(드래그 아이콘)을 잡고 위아래로 움직이면 SNS 노출 순서를 바꿀 수 있어요.
* SNS 이름에 마우스를 올리면 나타나는 눈 아이콘을 클릭해 개별적으로 보이기/숨기기를 설정할 수 있어요.

{% hint style="info" %}
💡 **로고의 상점 이름은 헤더와 연결돼 있어요.**

헤더와 푸터 중 한 곳에서 상점 이름을 수정하면 두 곳 모두에 똑같이 반영돼요. 단, 디자인 에디터에서 임의로 바꾼 상점 이름은 쇼핑몰 관리자 페이지에 저장되지 않아요. 만약 나중에 관리자 페이지에서 상점명을 변경하면, 디자인 에디터에 설정했던 값도 관리자 기준으로 다시 업데이트되니 유의해 주세요.
{% endhint %}

> 💡 **참고** 회사 정보·이용약관·개인정보처리방침·도메인 정보·인증 로고 등은 법적 필수 정보예요. 따라서 디자인 에디터에서 직접 글자를 수정할 수 없으며, 세부 설정 문구에 있는 링크를 통해 쇼핑몰 관리자 페이지로 이동하여 변경하셔야 해요.

### 💡 자주 묻는 질문

<details>

<summary>특정 SNS 아이콘이 푸터에 보이지 않아요.</summary>

SNS 주소가 입력되지 않은 항목은 아이콘이 자동으로 숨겨져요. 아이콘을 노출하고 싶다면 SNS 위젯 설정에서 해당 플랫폼의 주소를 올바르게 입력해 주세요.

</details>

<details>

<summary>사업자 정보나 이용약관 내용을 푸터에서 바로 바꾸고 싶어요.</summary>

회사 정보, 이용약관, 개인정보처리방침 등은 법적 필수 정보이기 때문에 디자인 에디터에서 직접 편집할 수 없도록 되어 있어요. 푸터 위젯 내 안내 문구에 연결된 링크를 클릭해 관리자 페이지로 이동하신 후 내용을 수정해 주세요.

</details>

<details>

<summary>헤더의 해외몰 이동 설정을 바꾸면 푸터도 같이 바뀌나요?</summary>

헤더와 푸터의 해외몰 이동 설정은 각각 독립적으로 운영돼요. 한쪽을 바꾸더라도 다른 쪽에는 영향을 주지 않으므로, 필요에 따라 헤더와 푸터 영역에서 각각 설정해 주세요.

</details>

<details>

<summary>로고나 배경 이미지는 어떤 형식으로 올릴 수 있나요?</summary>

이미지는 파일 하나당 최대 5MB까지 올릴 수 있어요.\
지원 형식은 JPG · JPEG · PNG · GIF · WEBP · BMP · ICO · TIFF · TIF · AVIF예요.

</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/footer.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.
