> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/tip/fixed/block.md).

# 블록 고정하기

블록 고정에 대해 알아봅니다.

## 블록 고정이란?

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FubUIW7eMGuY0LSU0D0H3%2F1_%EC%BD%98%ED%85%90%EC%B8%A0%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%EC%A0%84%EC%B2%B4.png?alt=media&amp;token=6de65778-0172-4b56-b030-d262fdac9751" alt=""><figcaption></figcaption></figure>

블록 고정 기능은 스크롤 시 블록이 특정 위치에 고정이 되어 지속따라오는 형태의 기능입니다.

적용 방법에 따라 사이트 전체에 블록을 고정하거나, 페이지 별 각각 블록을 고정하여 서로 다른 고정 콘텐츠를 노출 할 수 있습니다.

이 기능을 활용하여 상담하기, 마이페이지로 이동하기 등 다양한 방식으로 구현이 가능하며 사용자에게 \
편의성을 높여줄 수 있습니다.

자세한 설정 방법은 아래 가이드를 참고 부탁드립니다.

### 1. 전체 페이지에 고정하기

사이트 전체에 노출이 되도록 블록을 고정하여 사용자에게 보다 쉽고 편한 사이트 이용 경험을 줄 수 있습니다.

1-1. 큐샵 로그인 후 에디터에 접속합니다. ([에디터 접속하기](/customer_support/guide/design.md#undefined-1))

1-2. 헤더 섹션 또는 푸터 섹션에 블록을 추가합니다. ([블록 추가하기](/customer_support/guide/design/editor/contents.md#id-1-1))

1-3. 블록 설정을 통해 블록에 이미지 추가, 링크 연결 등의 설정을 합니다. ([블록 설정하기](/customer_support/guide/design/editor/contents.md#id-4))

1-4. 블록 퀵 메뉴의 **\[고정]** 아이콘을 클릭합니다.&#x20;

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2Fscz5qKDzbAT4H8EZOrFW%2F1_%EB%B8%94%EB%A1%9D%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%ED%97%A4%EB%8D%94_%EC%B6%94%EA%B0%80.png?alt=media&amp;token=ddca4943-82a2-4ba9-be5f-35f7192900a4" alt=""><figcaption></figcaption></figure>

1-5. 고정 콘텐츠 에디터로 이동한 후 블록의 위치를 조절합니다.&#x20;

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FlT5VGBTGJ0garCQmq99V%2F3_%EB%B8%94%EB%A1%9D%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%EA%B3%A0%EC%A0%95_%EC%97%90%EB%94%94%ED%84%B0.png?alt=media&amp;token=270270b1-9834-4c3f-addb-b4d7ad3ed17e" alt=""><figcaption></figcaption></figure>

1-6. (선택사항)PC 또는 모바일에서만 해당 블록이 보이길 원할 경우 [블록 숨기기 가이드](/customer_support/guide/tip/device_page.md)를 참고하여블록 숨기기를 합니다.&#x20;

1-7. 왼쪽 위 상단 메뉴바의 **\[고정 콘텐츠 숨기기]** 아이콘을 클릭하여, 에디터로 전환합니다.&#x20;

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F4DCO8IHH0ZcBFZeqH3ns%2F4_%EB%B8%94%EB%A1%9D%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%EC%97%90%EB%94%94%ED%84%B0%20%EB%8F%8C%EC%95%84%EA%B0%80%EA%B8%B0.png?alt=media&amp;token=c03ec7d9-dfdc-4631-af41-8aa95202cf9a" alt=""><figcaption></figcaption></figure>

1-8. 미리보기 또는 게시하기를 통해 고정 된 블록을 확인합니다.&#x20;

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FubUIW7eMGuY0LSU0D0H3%2F1_%EC%BD%98%ED%85%90%EC%B8%A0%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%EC%A0%84%EC%B2%B4.png?alt=media&amp;token=6de65778-0172-4b56-b030-d262fdac9751" alt=""><figcaption></figcaption></figure>

### 2. 개별 페이지에 고정하기

각각의 페이지 주제에 맞는 블록을 개별적으로 고정하여 사용을 할 수 있습니다.

2-1. 큐샵 로그인 후 에디터에 접속합니다. ([에디터 접속하기](/customer_support/guide/design.md#undefined-1))

2-2. 블록을 추가하려는 페이지로 이동합니다.

2-3. 페이지의 바디 섹션에 블록을 추가합니다. ([블록 추가하기](/customer_support/guide/design/editor/contents.md#id-1-1))

2-4. 블록 설정을 통해 블록에 이미지 추가, 링크 연결 등의 설정을 합니다. ([블록설정하기](/customer_support/guide/design/editor/contents.md#id-4))

{% hint style="info" %}
블록 고정을 한 후에도 블록 설정을 할 수 있습니다.
{% endhint %}

2-5. 블록 퀵 메뉴의 **\[고정]** 아이콘을 클릭합니다.&#x20;

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FG3vcaM2tVoWRyLDFsc8a%2F2_%EB%B8%94%EB%A1%9D%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%EC%84%B9%EC%85%98_%EC%B6%94%EA%B0%80.png?alt=media&amp;token=7b91ea47-ca2d-499b-a64e-1d5a267ca6c2" alt=""><figcaption></figcaption></figure>

2-6. 고정 콘텐츠 에디터로 이동한 후 블록의 위치를 조절합니다.&#x20;

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FlT5VGBTGJ0garCQmq99V%2F3_%EB%B8%94%EB%A1%9D%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%EA%B3%A0%EC%A0%95_%EC%97%90%EB%94%94%ED%84%B0.png?alt=media&amp;token=270270b1-9834-4c3f-addb-b4d7ad3ed17e" alt=""><figcaption></figcaption></figure>

2-7. (선택사항)PC 또는 모바일에서만 해당 블록이 보이길 원할 경우 [블록 숨기기 가이드](/customer_support/guide/tip/device_page.md)를 참고하여 블록 숨기기를 합니다.&#x20;

2-8. 왼쪽 위 상단 메뉴바의 **\[고정 콘텐츠 숨기기]** 아이콘을 클릭하여, 에디터로 전환합니다.&#x20;

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F4DCO8IHH0ZcBFZeqH3ns%2F4_%EB%B8%94%EB%A1%9D%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%EC%97%90%EB%94%94%ED%84%B0%20%EB%8F%8C%EC%95%84%EA%B0%80%EA%B8%B0.png?alt=media&amp;token=c03ec7d9-dfdc-4631-af41-8aa95202cf9a" alt=""><figcaption></figcaption></figure>

2-9. 미리보기 또는 게시하기를 통해 고정 된 블록을 확인합니다.&#x20;

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FoWtPM4oNSQmXbDGgB94B%2F1_%EC%BD%98%ED%85%90%EC%B8%A0%20%EA%B3%A0%EC%A0%95%ED%95%98%EA%B8%B0_%EC%A0%84%EC%B2%B4.png?alt=media&amp;token=a8cc44ba-a048-4ab5-8994-bcb4ed4041d9" alt=""><figcaption></figcaption></figure>