> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/manual/undefined-1/builder/undefined-3.md).

# 하단 편집

## 푸터 페이지

* 푸터에는 고객센터, 사업자 정보 등 <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>

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

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

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