> 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/design/editor/contents/advanced/code.md).

# 코드 블록

## 코드 블록이란?

코드 블록은 사용자의 커스텀 코드를 사용하여, 다양한 디자인 구성을 위해 사용 되는 기능입니다.
\
코드 블록 사용 방법 및 코드 사용 시 주의 사항 등 자세한 내용을 아래 가이드를 참고 부탁드립니다

코드 블록에 적용한 코드는 블록의 위치에서만 작동이 되며, 사이트 전체 또는 페이지 단위로 코드를 적용하는 방법은 **\[**[**커스텀 코드 에디터**](/customer_support/guide/design/custom/editor.md)**]** 가이드를 참고 부탁드립니다.

## 주의사항

{% hint style="danger" %}

* 사용자의 커스텀 코드를 사용하는것은 가능하나, 큐샵의 기존 코드를 수정하는 것은 불가능합니다.
* HTML, JavaScript, CSS 만 지원 됩니다.
* 입력한 코드의 작동 여부, 코드로 인해 발생한 현상에 대한 조치 및 안내는 불가능 합니다.
* 사용한 코드의 적용 여부에 대한 검토 및 안내는 불가능 합니다.
  {% endhint %}

## 코드 블록 사용하기

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

1. 코드 블록을 추가합니다.
2. 퀵 메뉴의 상세설정을 클릭합니다.
3. 코드 입력 창에 사용하려는 코드를 입력합니다.
4. 미리보기를 통해 적용된 코드를 확인한 후 게시하기를 눌러 사이트에 반영합니다.