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

# 고정 버튼

## 목차

* [고정 버튼이란?](#id-1)
* [고정 버튼 활용하기](#id-2) 
  * [고정 버튼 만들기](#id-2-1)
  * [고정 버튼 링크 설정하기](#id-2-2)
  * [고정 버튼 노출하기](#id-2-3)

## 1. 고정 버튼이란?

고정 버튼 애드온을 사용하면 화면을 스크롤할 때 화면 오른쪽 하단 고정된 위치에 노출되는 버튼을 추가할 수 있습니다. 고정 버튼은 모든 페이지에서 보이게 됩니다.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-MBCAl-ZhzTIgBeYNbWq%2F-MBCH8zPSLtp0_oG0tu9%2F1.png?alt=media\&token=c7021a08-af4f-412f-9ef4-f55a49d591af)

## 2. 고정 버튼 활용하기 

### 2-1. 고정 버튼 만들기

애드온 메뉴에서 '고정 버튼' 애드온을 설치 후 + 버튼을 누르세요.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-MBCAl-ZhzTIgBeYNbWq%2F-MBCHCDaYDozhTo56cPu%2F2-1-1.png?alt=media\&token=f837b9ed-9e55-41aa-9ba6-e2ea7abe12ea)

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

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-MBCAl-ZhzTIgBeYNbWq%2F-MBCHEJp3O4XNE3GGbWk%2F2-1-2.png?alt=media\&token=0b6247bd-42bd-4215-b82e-ab528788a1bb)

### 2-2. 고정 버튼 링크 설정하기

추가된 고정 버튼 이미지 위의 링크 아이콘을 클릭해 주세요.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FWWD3XO8RLdFrM6Ibb4GI%2F%EA%B3%A0%EC%A0%95%EB%B2%84%ED%8A%BC1.png?alt=media&amp;token=8909991a-d5db-472a-a7e4-a0a1085885aa" alt=""><figcaption></figcaption></figure>

고정 버튼을 클릭했을 때 연결할 링크를 설정해 주세요. 유형은 URL, 페이지, 상품, 게시판, 블로그, 이메일, 전화번호 중 선택할 수 있습니다.

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FVbCQ5ypxLrq1yyQzOGlE%2F%EA%B3%A0%EC%A0%95%EB%B2%84%ED%8A%BC2.png?alt=media&amp;token=d1e6ed0a-32c5-409e-94a2-7b27787baaea" alt=""><figcaption></figcaption></figure>

### 2-3. 고정 버튼 노출하기

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-MBCAl-ZhzTIgBeYNbWq%2F-MBCHHC-G_7CE4lkW8Lh%2F2-2.png?alt=media\&token=823bb058-045b-4b2e-86c4-6be1afbcfaf0)

| 설정 항목                                                                                 |
| ------------------------------------------------------------------------------------- |
| <p><strong>너비</strong></p><p>고정 버튼이 노출되는 너비입니다. 공란 혹은 0일 경우 노출되지 않습니다.</p>            |
| <p><strong>위치</strong></p><p>데스크탑과 모바일에서 고정 버튼이 상점에 노출될 때 오른쪽, 아래 여백을 설정할 수 있습니다.</p> |
| <p><strong>상태</strong> </p><p>고정 버튼을 공개하거나 비공개할 수 있습니다.</p>                           |