> For the complete documentation index, see [llms.txt](https://help.sixshop.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sixshop.com/learn-sixshop/store-manager/add-ons/topbanner.md).

# 최상단 배너

## 목차

* [최상단 배너란?](#id-1)
* [최상단 배너 활용하기 ](#id-2)
  * [배너 추가하기](#id-2-1)
  * [배너 삭제하기](#id-2-2)
  * [노출 위치 설정하기](#id-2-3)

## 1. 최상단 배너란?

최상단 배너는 쇼핑몰 접속 시 머리글 위에 배너를 노출시켜 정보를 전달 할 수있는 기능입니다.

![](/files/-MBCA3z5dBf6nhw_lwxO)

## 2. 최상단 배너 활용하기 

### 2-1. 배너 추가하기

애드온 메뉴에서 '최상단 배너' 애드온을 설치 후 '배너 추가하기' 버튼을 누르세요.

새롭게 추가할 배너의 정보를 입력하는 화면입니다.

![](/files/-MBCA9zKxF1LO3qApdDq)

| 설정 항목                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>종류</strong></p><p>배너에 등록할 정보의 종류입니다.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| <p><strong>이름</strong></p><p>다른 배너와 헷갈리지 않고 잘 알아볼 수 있도록 이름을 정해주세요.</p>                                                                                                                                                                                                                                                                                                                                                                                                                  |
| <p><strong>내용 (종류: 글자)</strong></p><p>데스크탑과 모바일에서 보여질 문구입니다.</p>                                                                                                                                                                                                                                                                                                                                                                                                                        |
| <p><strong>글자 크기 (종류: 글자)</strong></p><p>데스크탑과 모바일에서 보여질 글자의 크기입니다.</p>                                                                                                                                                                                                                                                                                                                                                                                                                 |
| <p><strong>색상 (종류: 글자)</strong></p><p>배너와 글자 색상입니다.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| <p><strong>슬라이드 추가하기 (종류: 이미지)</strong></p><p></p><ul><li><strong>이미지</strong><br>데스크탑과 모바일에 보여질 이미지입니다.<br></li><li><p><strong>배경 색상</strong></p><p>배너의 배경 색상입니다.</p></li></ul>                                                                                                                                                                                                                                                                                                        |
| <p><strong>링크 주소</strong></p><p>배너를 클릭 했을 때 열리는 링크입니다.<br></p><ul><li><strong>URL</strong><br>외부 도메인 주소로 이동합니다.<br></li><li><strong>페이지</strong><br>머리글, 바닥글 메뉴에있는 페이지로 이동합니다.<br></li><li><strong>상품</strong><br>상점 내에 있는 상품을 선택해 이동합니다.<br></li><li><strong>게시판</strong><br>게판의 게시글로 이동합니다.<br></li><li><strong>블로그</strong><br>블로그의 게시글로 이동합니다.<br></li><li><strong>이메일</strong><br>입력한 이메일 주소로 메일을 전송할 수 있습니다.<br></li><li><strong>전화번호</strong><br>입력한 번호로 전화를 걸 수 있습니다.</li></ul> |
| <p><strong>닫기 버튼</strong></p><p>배너를 닫을 수 있는 버튼입니다.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| <p><strong>운영 기간</strong></p><p>사용시 배너가 노출되어 있는 기간을 설정할 수 있습니다. (예시: 2020.01.01 00:00 \~ 2020.12.31 23:59)</p>                                                                                                                                                                                                                                                                                                                                                                          |
| <p><strong>상태</strong></p><p>배너를 공개하거나 비공개할 수 있습니다. 운영기간 설정시 비활성화 됩니다.</p>                                                                                                                                                                                                                                                                                                                                                                                                              |

배너가 정상적으로 추가되면 아래와 같이 목록에서 확인할 수 있습니다.

![](/files/-MBCAYHWf9mlo6LPBxC6)

### 2-2. 배너 삭제하기

배너 목록 왼쪽 체크박스를 클릭하면 원하는 배너를 삭제할 수 있습니다.

![](/files/-MBCAd6ouxMoAEucjqKT)

### 2-3. 노출 위치 설정하기

![](/files/-MBCAg6kzVfylhKXp8M1)

| 설정 항목                                                           |
| --------------------------------------------------------------- |
| <p><strong>첫 페이지</strong><br>첫 페이지에서 노출시킬 배너를 선택합니다.</p>        |
| <p><strong>로그인</strong></p><p>로그인 화면에서 노출시킬 배너를 선택합니다.</p>      |
| <p><strong>회원 가입</strong> </p><p>회원 가입 화면에서 노출시킬 배너를 선택합니다.</p> |
| <p><strong>상품 상세</strong></p><p>상품 상세 화면에서 노출시킬 배너를 선택합니다.</p>  |