> 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. 고정 버튼이란?

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

![](/files/-MBCH8zPSLtp0_oG0tu9)

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

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

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

![](/files/-MBCHCDaYDozhTo56cPu)

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

![](/files/-MBCHEJp3O4XNE3GGbWk)

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

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

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

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

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

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

![](/files/-MBCHHC-G_7CE4lkW8Lh)

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