# Weebly 웹사이트에 하이퍼클래스 채팅 위젯(Chat Widget) 추가하기

## Weebly 웹사이트에 하이퍼클래스 채팅 위젯(Chat Widget) 추가하기

웹사이트 방문자와 쉽게 소통하고 고객으로 전환하는 방법을 찾고 계신가요? Weebly용 하이퍼클래스 웹채팅이 완벽한 솔루션입니다!

이 가이드에서는 Weebly용 하이퍼클래스 웹채팅을 시작하는 단계를 안내해드립니다.

**이 가이드에서 다루는 내용**

[**웹사이트용 웹채팅 임베드 코드 얻기**](#웹사이트용-웹채팅-임베드-코드-얻기)

[**Weebly 웹사이트에 커스텀 채팅 위젯을 추가하는 다양한 방법들의 상세 단계**](#weebly-웹사이트에-커스텀-채팅-위젯을-추가하는-다양한-방법들의-상세-단계)

[**방법 1: Weebly의 헤더 코드 주입 기능으로 커스텀 채팅 위젯 추가하기**](#방법-1-weebly의-헤더-코드-주입-기능으로-커스텀-채팅-위젯-추가하기)

[**방법 2: Weebly의 커스텀 HTML/임베드 코드 요소로 커스텀 채팅 위젯 추가하기**](#방법-2-weebly의-커스텀-html임베드-코드-요소로-커스텀-채팅-위젯-추가하기)

***

## **웹사이트용 웹채팅 임베드 코드 얻기**

`Sites(사이트) → Chat Widget(채팅 위젯) → Get Code`에서 임베드 코드를 복사하세요.

![하이퍼클래스에서 채팅 위젯 코드 복사하기](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297287141/original/_OQtFli-JPFoV94EyOxp5SVBt35ozqrJ9w.gif?1683908337)

***

### **Weebly 웹사이트에 커스텀 채팅 위젯을 추가하는 다양한 방법들의 상세 단계**

#### \*\*방법 1: \*\*Weebly의 헤더 코드 주입 기능으로 커스텀 채팅 위젯 추가하기

* Weebly 계정에 로그인하고 웹사이트 편집기로 이동하세요.
* "Settings"를 클릭하세요.

![Weebly 설정 메뉴 클릭](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297280726/original/_MAQaHtpb9-qXJ4aoqdEUsIuPy78wgX_jQ.jpeg?1683906475)

* 왼쪽 메뉴에서 "SEO" 옵션을 선택하세요.

![Weebly SEO 메뉴 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297280723/original/vgjwqVj1oZOeepZ0pIjTe4994G_T6EHb9g.jpeg?1683906474)

* 아래로 스크롤하여 "Header Code Injection" 섹션을 찾고 "Edit"을 클릭하세요.
* Weebly의 "Header Code Injection" 박스에 코드를 붙여넣으세요.

![Weebly 헤더 코드 주입 영역에 코드 붙여넣기](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297280724/original/Dt2bkzxdUvhDnfiVfX39l2TcIUbKHsZq_Q.jpeg?1683906474)

* "Save"를 클릭하여 변경사항을 저장하세요.

***

#### \*\*방법 2: \*\*Weebly의 커스텀 HTML/임베드 코드 요소로 커스텀 채팅 위젯 추가하기

* Weebly 계정에 로그인하고 웹사이트 편집기로 이동하세요.
* 왼쪽 메뉴에서 "Elements"를 클릭하고 옵션에서 "Custom HTML/Embed Code"를 선택하세요.
* 채팅 위젯을 표시하고 싶은 페이지 위치로 커스텀 HTML 요소를 드래그 앤 드롭하세요.

![Weebly 커스텀 HTML 요소 드래그 앤 드롭](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48297280725/original/P8tKnHQ9CnrLaJr_ZYiWHjVZWplVlSVrtQ.jpeg?1683906474)

* Weebly의 커스텀 HTML 요소에 채팅 코드를 붙여넣으세요.
* "Publish"를 클릭하여 변경사항을 저장하세요.

***

*원문 최종 수정: 2024년 10월 11일* *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/xml-sitemaps/add-highlevel-s-chat-widget-to-your-weebly-website.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.