> 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. 미리보기를 통해 적용된 코드를 확인한 후 게시하기를 눌러 사이트에 반영합니다.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.qshop.ai/customer_support/guide/design/editor/contents/advanced/code.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.