# HTML 코드를 사용한 하이퍼클래스 캘린더 임베드

* `Calendars(캘린더) → Calendar Settings(캘린더 설정)`으로 이동하세요
* 임베드하고 싶은 특정 캘린더에서 "점 3개" 아이콘을 클릭하고 `Share(공유)`를 선택하세요
* 팝업 창에서 `Embed Code(임베드 코드)` 탭을 선택하세요
* `Copy(복사)` 버튼을 클릭하세요
* 원하는 다른 웹사이트의 커스텀 코드 요소에 임베드 코드를 붙여넣으세요

**참고:** 하이퍼클래스 퍼널이나 웹사이트 페이지 안에 하이퍼클래스 캘린더를 삽입하려면, 페이지 빌더의 Calendar 요소를 사용하시면 됩니다. 이 요소를 사용하면 표시하고 싶은 캘린더를 선택할 수 있고, 임베드 코드를 수동으로 추가할 필요 없이 자동으로 삽입됩니다.

![HTML 코드로 캘린더 임베드하기](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155019148549/original/pl4zuB3ULiZ4VUKS7dfbIW3S0605VpCqjA.gif?1706645557)

***

*원문 최종 수정: Tue, 17 Mar, 2026 at 7:34 AM* *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-calendars/embedding-highlevel-calendars-using-html-code.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.
