# 하단 편집

## 푸터 페이지

* 푸터에는 고객센터, 사업자 정보 등 <mark style="color:blue;">**어드민에 입력한 기본 정보**</mark>가 자동으로 노출되고, 레이아웃은 스킨에 맞춰 고정돼요.&#x20;
* 기본 푸터는 <mark style="color:blue;">**삭제하거나 구조를 바꾸지 않고**</mark>, 텍스트 스타일만 사이트 분위기에 맞게 조정하는 방식으로 사용해요.

### 푸터 설정 모드 진입

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

1. 에디터에서  페이지 맨 아래로 이동해 푸터 영역에 마우스를 올려요.
2. 푸터 상단에 <mark style="color:blue;">**\[푸터 설정] 버튼**</mark>이 나타나요.
3. \[푸터 설정] 버튼을 클릭하면 <mark style="color:blue;">**푸터 설정 모드**</mark>로 진입해요.

{% hint style="info" %}
모바일 뷰에서는 푸터의 노출 상태만 확인할 수 있고, 직접 수정은 PC 뷰에서만 가능해요.
{% endhint %}

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

* &#x20;푸터 설정 모드에서 메인으로 돌아가기
  * 푸터 수정 모드에서는 화면 왼쪽 상단에 \[메인 편집으로 돌아가기] 버튼이 노출돼요.
  * 이 버튼을 클릭하면 다시 메인 편집 화면으로 돌아갈 수 있어요.

## 기본 푸터

### 기본 푸터 섹션 구성

* 기본 푸터 섹션은 스킨에 포함된 공통 하단 영역이에요.
* 고객센터, 사업자 정보, 약관 링크 등은 <mark style="color:blue;">**어드민에 입력한 설정 값**</mark>이 자동으로 노출돼요.
* 어드민에 값이 없는 항목은 푸터에서 자동으로 미노출돼요.
* 저장된 푸터 내용은 모바일에서도 <mark style="color:blue;">**모바일 전용 레이아웃**</mark>에 맞춰 함께 노출돼요.

{% hint style="info" %}

* 수정 불가 항목&#x20;
  * 기본 푸터 섹션 삭제·숨김
  * 푸터 안 기본 요소(고객센터, 사업자정보, 약관 링크 등) 삭제
  * 항목 추가/삭제, 텍스트 내용 변경\
    (내용은 어드민 설정 값 기준으로만 바뀌어요.)
  * 섹션 높이/폭, 여백 등 레이아웃 구조 변경
  * 푸터 안에 새로운 섹션이나 요소 추가
    {% endhint %}

### 푸터에 노출되는 정보 수정 경로

* 아래 경로에서 값을 입력한 항목만 푸터에 표시되고,
  &#x20;입력하지 않은 항목은 자동으로 노출되지 않아요.
  * 쇼핑몰/사업자 정보
    * 상호, 대표자명, 사업자등록번호, 통신판매신고번호 \[`설정` > `기본 설정` > `쇼핑몰 정보`]
    * &#x20;주소, 이메일 → \[`설정` > `기본 설정` > `CS 정보`]
  * 개인정보보호책임자, 개인정보 처리방침, 이용약관 → \[`설정` > `기본 설정` > `약관 설정`]
  * 고객센터 정보(시간, 전화번호 등) → \[`설정` > `기본 설정` > `고객센터 및 은행정보` > `고객센터 설정`]
  * 은행 정보(계좌 안내 등) → \[`설정` > `기본 설정` > `고객센터 및 은행정보` > `은행계좌 설정`]

***

### 텍스트 스타일 수정

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

* 기본 푸터 섹션 안의 텍스트는 <mark style="color:blue;">**내용이 아닌 스타일만 수정**</mark>할 수 있어요.
* 고객센터, 사업자 정보, 안내 문구 등의 텍스트 요소를 클릭하면 선택돼요.
* 선택 상태에서 우측 속성 패널에서 아래 항목을 변경할 수 있어요.
  * 글꼴(폰트)
  * 글자 크기
  * 색상, 굵기, 기울임꼴
  * 줄 간격, 자간
  * 정렬 방식(왼쪽/가운데/오른쪽)

{% hint style="info" %}
텍스트 내용(전화번호, 주소, 사업자 정보 등)과 항목 구성은 <mark style="color:blue;">**어드민 설정 값에 따라 결정**</mark>되며, 푸터 편집 화면에서는 수정할 수 없어요.
{% endhint %}

## 추가 푸터

* 기본 푸터 섹션 아래는 고정이지만, <mark style="color:blue;">**푸터 아래쪽에는 간단한 섹션을 더 추가**</mark>할 수 있어요.

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

### 추가 가능한 섹션

* 하단 영역(푸터 근처)에 추가할 수 있는 섹션은 <mark style="color:blue;">**기본 섹션만 가능**</mark>해요.
* 디자인 섹션, 배너 섹션, 메인 진열 상품 섹션 등은 <mark style="color:blue;">**하단 영역에서는 사용할 수 없어요.**</mark>

### 추가 섹션 안에서 사용할 수 있는 요소

추가한 기본 섹션 안에서는 아래 요소만 사용할 수 있어요.

* **텍스트**
  * 안내 문구, 추가 링크, 카피 문구 등
* **버튼**
  * “위로 가기”, “고객센터 바로가기” 등의 버튼
* **이미지**
  * 간단한 인증 마크, 브랜드 로고 등


---

# 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://help.makeshop.co.kr/manual/undefined-1/builder/undefined-3.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.