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

# 코드 사용하기

큐샵의 에디터는 웹 사이트 제작 목적에 맞춰, 레이아웃을 구성하고 상품 진열 및 페이지 디자인을 위한 편집 도구로 코드를 사용하지 않아도 쉽고 빠르게 목적에 맞는 사이트 디자인을 해 나갈 수 있습니다.

만약 코드를 사용할 수 있다면 코드 블록 또는 커스텀 코드 에디터를 통해 더욱 다양하고 풍성한 디자인 구성을 할 수 있습니다.

커스텀 코드는 코드 블록, 커스텀 코드 에디터에 적용하여 사용이 가능하며 각 요소를 사용하는 자세한 방법은 아래 가이드를 참고 부탁드립니다.

<table><thead><tr><th width="170">항목</th><th>설명</th></tr></thead><tbody><tr><td><a href="/pages/yqJsUH03zLp2BEz12mKG">커스텀 코드 에디터</a></td><td>페이지 단위 및 특정 섹션, 블록을 지정하여 커스텀 코드를 적용 할 수 있습니다.</td></tr><tr><td><a href="/pages/4F6KbSHPGUoYF83YB0Kx">코드 블록</a></td><td>코드 블록 영역에 커스텀 코드를 적용 할 수 있습니다.</td></tr></tbody></table>