# 페이지 빌더의 QR 코드 요소

## 페이지 빌더의 QR 코드 요소

웹사이트나 퍼널 페이지에 QR 코드를 직접 배치하여 방문자가 간단히 스캔해서 링크를 열 수 있게 해보세요. 이 가이드에서는 Hyperclass 페이지 빌더(Page Builder)에서 QR 코드를 추가하고 편집하는 방법을 설명합니다.

***

**목차**

* [QR 코드 요소(Element)란?](#qr-코드-요소란)
* [QR 코드 요소의 주요 장점](#qr-코드-요소의-주요-장점)
* [QR 코드 요소 사용법](#qr-코드-요소-사용법)
* [자주 묻는 질문](#자주-묻는-질문)

***

## QR 코드 요소란?

QR 코드 요소(Element)는 Hyperclass 페이지 빌더에서 제공하는 구성 요소로, 지원되는 모든 대상 URL(퍼널/웹사이트 페이지, 캘린더, 폼, 설문, 결제 링크, 외부 URL 등)에 연결된 스캔 가능한 코드를 생성합니다. 라이브러리에서 기존 QR 코드를 선택하거나 빌더를 떠나지 않고 바로 새로 만들고 편집할 수 있습니다.

이 요소를 페이지 어디에나 배치하고 원하는 목적지를 연결하면, 방문자가 휴대폰 카메라로 스캔하거나 클릭해서 즉시 해당 위치로 이동할 수 있습니다.

***

### QR 코드 요소의 주요 장점

* **인라인 생성/편집**: 빌더에서 직접 새 QR 코드를 만들거나 선택한 코드를 편집할 수 있습니다.
* **명확한 목적지**: QR 코드가 열리는 URL을 확인할 수 있어 발행 전에 정확성을 검증할 수 있습니다.
* **삭제 감지**: 이전에 선택했던 QR 코드가 라이브러리에서 제거된 경우, 새로 선택하거나 생성하라는 안내가 나타납니다.
* **위치 간 인식**: 다른 로케이션(Location)에 속한 QR 코드는 라벨로 표시되어 혼동을 방지합니다.
* **캔버스 내 제어**: 데스크톱과 모바일 레이아웃에 맞춰 요소의 크기와 위치를 조정할 수 있습니다.

***

### QR 코드 요소 사용법

다음 단계를 따라 페이지에 작동하는 QR 코드를 배치하고, 목적지를 확인한 후 안심하고 발행해보세요.

**1단계: 페이지로 이동**

Sites(사이트) → Websites(웹사이트) (또는 Funnels(퍼널))을 열고 편집할 페이지를 선택하세요.

![페이지 선택 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155055463621/original/U0D7hwUqEKJguC0rs1110XMKZWJRK7zjgw.png?1759867400)

**2단계: QR 코드 요소 추가**

* **+ (요소 추가)** 아이콘을 클릭하여 요소 섹션을 열어주세요
* 아래로 스크롤하여 QR Code를 찾고 페이지로 드래그하세요

![QR 코드 요소 추가](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155055463703/original/iLXZWCQo58XrwQV18mNbne2k6NDovAqdrA.png?1759867551)

**3단계: QR 코드 선택**

* 드롭다운을 사용하여 추가하려는 QR 코드를 선택하세요
* 새 QR 코드를 만들려면 드롭다운 아래의 텍스트를 클릭하세요. QR 코드 빌더가 열립니다

![QR 코드 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155055463755/original/JGLqyJoheReL5BwbAnkIdnsl7Vs2gpe7WA.png?1759867621)

**4단계: QR 코드 편집**

요소가 추가된 후 QR 코드를 편집하려면, 해당 요소를 선택하고 **Edit QR Code**(QR 코드 편집)라는 파란색 버튼을 클릭하세요.

![QR 코드 편집](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155055463853/original/P-H7E3OxpJOrUYqS4uLhn-NNduH87zEq7Q.png?1759867853)

***

### 자주 묻는 질문

**Q: 페이지 빌더 밖에서는 QR 코드가 어디에 저장되나요?** A: 현재 로케이션의 QR 라이브러리에 저장됩니다. QR 빌더 화면과 요소 내 인라인 편집기에서 접근하고 관리할 수 있습니다.

**Q: QR 코드의 목적지를 편집한 후 다시 발행해야 하나요?** A: 네. QR 코드를 업데이트하거나 요소에서 선택한 QR 코드를 바꾼 후에는 페이지를 발행/업데이트해야 방문자가 최신 목적지로 이동할 수 있습니다.

**Q: 이전에 선택했던 QR 코드가 삭제된 경우 어떻게 되나요?** A: 요소에서 다른 QR 코드를 선택하거나 새로 만들라는 안내가 나타납니다. 대체 QR 코드를 선택하고 다시 발행하세요.

**Q: 다른 로케이션의 QR 코드를 사용할 수 있나요?** A: 다른 로케이션의 QR 코드는 명확성을 위해 표시됩니다. 일관성과 제어를 위해서는 현재 로케이션이 소유한 QR 코드를 생성/선택하는 것을 권장합니다.

***

*원문 최종 수정: 2025년 10월 7일 오후 3:16* *Hyperclass 사용 가이드 — hyperclass.ai*


---

# Agent Instructions: 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:

```
GET https://hyperclass.gitbook.io/hyperclass-docs/and-sites/qr-code-element-in-page-builder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.