# Hyperclass 채팅 위젯 설치 방법

고객 웹사이트에 Hyperclass 채팅 위젯(Chat Widget)을 설치하는 것은 광고비 없이 리드를 생성하는 가장 쉬운 방법 중 하나입니다.

채팅 위젯은 실시간 채팅(영업팀과 고객지원팀이 즉시 응답할 수 있는 회사에 유용), SMS 메시징, 그리고 왓츠앱 메시징(계정에서 활성화된 경우)을 지원합니다. 어떤 경우든 채팅 위젯 설치는 간단하며 개발 지식이나 기술적 스킬이 필요하지 않습니다.

**목차**

* [Hyperclass의 퍼널 및 웹사이트에 채팅 위젯을 설치하는 방법](#hyperclass의-퍼널-및-웹사이트에-채팅-위젯을-설치하는-방법)
* [채팅 위젯 설정 및 테스트 방법](#채팅-위젯-설정-및-테스트-방법)
* [워드프레스 사이트에 채팅 위젯 설정 및 설치하기](#워드프레스-사이트에-채팅-위젯-설정-및-설치하기)
* [자주 묻는 질문](#자주-묻는-질문)

## Hyperclass의 퍼널 및 웹사이트에 채팅 위젯을 설치하는 방법

SMS 응답이 전송되려면 하위 계정에서 전화번호를 구매하고 필수 A2P 등록을 완료해야 합니다. 자세한 내용은 다음 문서를 참조하세요: 하위 계정에서 전화번호 구매하는 방법

## 채팅 위젯 설정 및 테스트 방법

1단계: 채팅 위젯을 설정한 후, 채팅 위젯을 통해 대화가 시작될 때 알림을 받도록 워크플로우(Workflow) 트리거(Trigger)를 구성해야 합니다.

이를 위해 트리거 이벤트는 "Customer Replied"로 설정하고, "Reply Channel" 필터를 "Chat Widget"으로 설정해야 합니다:

![채팅 위젯 트리거 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037846628/original/DOyTmYpSaauoLhd0zo445wymedQpbgigPg.gif?1733429258)

각 "Reply channel"마다 각각의 트리거가 필요합니다. 위 예시에서는 "Chat Widget"만 사용하고 있으며, Google Messages를 사용하려면 해당 특정 이벤트에 대한 새로운 트리거 및/또는 워크플로우를 설정해야 합니다.

2단계: 다음으로 + 버튼을 클릭 > "Internal notifications" 검색 > 3가지 옵션 중 선택할 수 있습니다:

1. 이메일 - 특정 사용자나 커스텀 이메일로 이메일 발송
2. 인앱 알림(In-app notification) - 웹앱 또는 모바일 앱을 통해 특정 사용자나 모든 사용자에게 알림 발송
3. SMS - 특정 사용자나 커스텀 번호로 SMS 발송

**팁:** 알림 이메일/텍스트에서 "{{message.body}}" 커스텀 값(Custom Value)을 사용하여 사용자가 채팅 위젯에 입력한 메시지를 표시할 수 있습니다.

![내부 알림 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155037846655/original/Tnr_HFJioJBEo7v_xWy522DM0mGyp35dyA.gif?1733429289)

***

## 워드프레스 사이트에 채팅 위젯 설정 및 설치하기

## 자주 묻는 질문

**Q: 페이지별로 채팅 위젯 메시지를 커스터마이징할 수 있나요?**

현재 웹 채팅 위젯의 구성에서는 동적 메시징이 지원되지 않습니다. 위젯을 여러 페이지에서 사용할 수 있지만, 메시징은 초기 설정과 일관되게 유지됩니다.

**Q: 하위 계정에서 여러 개의 채팅 위젯을 만들 수 있나요?**

네, 하위 계정당 하나 이상의 채팅 위젯을 만들 수 있습니다!

***

*원문 최종 수정: Fri, 20 Jun, 2025 at 1:07 PM* *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/conversations/view-edit-ai-response-info-in-conversations/highlevel-chat-widget-how-to-add-it-to-your-pages-in-minutes.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.