# 올인원 채팅 위젯 사용법

## **개요**

올인원 채팅 위젯(All-in-One Chat Widget)을 사용하면 실시간 채팅, SMS/이메일, 왓츠앱, 페이스북, 인스타그램, 음성 AI까지 여러 커뮤니케이션 채널을 하나의 통합된 인터페이스로 제공할 수 있습니다. 여러 개의 위젯을 따로 관리할 필요가 없을 뿐만 아니라, 방문자가 원하는 소통 방식을 자유롭게 선택할 수 있는 매끄러운 경험을 제공합니다.

![올인원 채팅 위젯 예시](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155043226156/original/BLsxbqP9f9JOHweq1RUK7whY3XPB2nVDNw.png?1741875144)

**목차**

* [개요](#개요)
* [주요 이점](#주요-이점)
* [지원 채널 및 요구사항](#지원-채널-및-요구사항)
* [단계별 설정](#단계별-설정)
* [올인원 채팅 위젯 사용하기](#올인원-채팅-위젯-사용하기)
* [자주 묻는 질문](#자주-묻는-질문)
* [문제 해결](#문제-해결)

***

## **주요 이점**

* 실시간 채팅, SMS/이메일, 왓츠앱, 페이스북, 인스타그램, 음성 AI 채널을 하나의 위젯에서 통합 관리할 수 있습니다.
* 초기 환영 메시지를 커스터마이징하여 방문자를 적절한 채널로 안내할 수 있습니다.
* 통일된 색상 체계로 일관성 있는 브랜딩을 유지합니다.
* 활성화된 커뮤니케이션 채널을 기반으로 간편하게 설정하고 채널을 선택할 수 있습니다.

## 지원 채널 및 요구사항

* **계정 접근 권한**: 계정에서 채팅 위젯을 생성하거나 편집할 수 있는 적절한 권한이 있는지 확인하세요.
* 올인원 채팅 위젯은 여러 채널을 표시할 수 있지만, 일부 옵션은 해당 전제조건을 충족해야 나타납니다:

**페이스북** - 하위 계정에 페이스북 페이지나 계정이 연결된 경우에만 채팅 유형 선택기에 표시됩니다.\
**인스타그램** - 하위 계정에 인스타그램 계정이 연결된 경우에만 표시됩니다.\
**음성 AI** - 하위 계정에 음성 AI 위젯이 구성된 경우에만 표시됩니다.\
**왓츠앱** - 하위 계정에 왓츠앱 번호가 연결되고 왓츠앱 채팅 위젯이 존재하는 경우에만 선택할 수 있습니다.

채널이 전제조건을 충족하지 않으면 해당 위젯의 채팅 유형 다중 선택에서 옵션으로 나타나지 않습니다.

## **단계별 설정**

**1. 채팅 위젯 섹션으로 이동**

* 계정에 로그인합니다.
* 왼쪽 네비게이션 메뉴에서 Sites(사이트) → Chat Widget(채팅 위젯)으로 이동합니다.

![채팅 위젯 메뉴](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155043226454/original/X2dtIAtO4NGdndH2rLtBWENT6Gjet0RtDw.png?1741875273)

**2. 새 채팅 위젯 생성**

* Create a New Chat Widget(새 채팅 위젯 생성)을 클릭하고 채팅 유형 목록에서 All-in-One Chat(올인원 채팅)을 선택합니다.

![올인원 채팅 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155043226537/original/OfwQDLmd26LoF-Fe68PkvJbAp6LLmaYlZw.png?1741875305)

참고: "All-in-One Chat"이 보이지 않는다면, 계정이 최신 업데이트에 접근할 수 있는지 확인하세요. 새로고침하거나 로그아웃했다가 다시 로그인해야 할 수도 있습니다.

**3. 채널 선택**

* 올인원 채팅 위젯을 생성한 후, 위젯을 열고 **Style(스타일)** 탭으로 이동합니다.
* \*\*Chat Type(채팅 유형)\*\*에서 다중 선택 드롭다운을 사용하여 다음 중 원하는 조합을 선택합니다:
  * Live Chat(실시간 채팅)
  * SMS/Email(SMS/이메일)
  * Voice AI(음성 AI)
  * Facebook(페이스북)
  * Instagram(인스타그램)
  * WhatsApp(왓츠앱)
* 이 채널들을 원하는 수만큼 동시에 활성화할 수 있습니다. 미리보기가 선택 사항에 따라 즉시 업데이트됩니다.

![채널 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060490340/original/CKiaFjXGmHmw9wNsy3lX8Vux5k9pxKVMPQ.png?1765540649)

**4. 위젯 설정 커스터마이징**

**일반 설정:**

* 쉽게 구분할 수 있도록 위젯 이름을 지정합니다 (예: "메인 웹사이트 위젯").
* 브랜드와 어울리도록 위젯 색상을 설정합니다.

![일반 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155043226755/original/vLZnZOrW6p3j0YFyKHPTn_Gq-4YtGg4NhQ.png?1741875438)

**채널별 설정:**

**실시간 채팅:** 표시 이름, 인사말, 오프라인 상태 동작(있는 경우)을 설정합니다.

![실시간 채팅 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155043226812/original/AgZ8hp9lGo3s1oewbqTo3Lay3km1jlsr1Q.png?1741875470)

**이메일 채팅:** 메시지를 추가하고 사용자에게 인사할 폼 필드를 커스터마이징합니다.

![이메일 채팅 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155043226852/original/8tjzhINhEKsPDLsno15M-N9eLyVsAc3q6A.png?1741875488)

**왓츠앱:** 활성화된 경우 왓츠앱 번호와 기본 인사 메시지를 확인합니다.

**초기 메시지:** 방문자가 위젯을 열 때 나타나는 메시지를 개인화합니다(예: "안녕하세요! 무엇을 도와드릴까요?").

올인원 채팅 내의 실시간 채팅에서는 Chat Window(채팅 창) 탭에서 두 개의 편집 가능한 프롬프트를 지원합니다: \*\*Contact Form Intro Message(연락처 폼 소개 메시지)\*\*와 \*\*Contact Form System Message(연락처 폼 시스템 메시지)\*\*입니다. 두 필드 중 하나를 비워두면 프롬프트를 건너뛰고 폼이 바로 열립니다. [이러한 소개 메시지 커스터마이징에 대한 자세한 정보는 여기를 클릭하세요.](/hyperclass-docs/and-sites/xml-sitemaps/collect-visitor-details-before-live-chat-starts.md)

![초기 메시지 설정](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155043226967/original/Egsq_uiadrYC7X4nJQ_LcT0FlroWsOQmFg.png?1741875528)

**5. 저장 및 미리보기**

* Save(저장)를 클릭하여 변경사항을 저장합니다.
* 웹사이트나 GoHighLevel 내에서 위젯을 미리보기하여 각 채널이 의도한 대로 작동하는지 확인합니다.

## 올인원 채팅 위젯 사용하기

**채널 전환:** 방문자는 채팅 헤더의 컨트롤을 사용하여 활성화된 모든 채널(예: 실시간 채팅, SMS/이메일, 왓츠앱, 페이스북, 인스타그램, 음성 AI) 사이를 전환할 수 있습니다. 채팅 유형 다중 선택에서 선택한 채널만 위젯에 나타납니다.

![채널 전환](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155043227189/original/w4-Fxq1VzilY28YKSwezVKIP2Y3vQzyC4Q.png?1741875628)

**활성 대화:** 채팅 세션은 하위 계정 사용자가 수동으로 종료하거나 위젯의 타임아웃 설정에 따라 비활성으로 인해 자동 종료될 때까지 활성 상태를 유지합니다.

**연락처 폼 필드:** 이메일과 왓츠앱 채팅의 경우 사용자 정보를 수집하기 위한 표준 연락처 폼 필드(예: "메시지")가 제공됩니다.

![연락처 폼](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155043227227/original/JM1secbGp-8G3-9AGFljGXbMSd7f5zI66g.png?1741875666)

## **자주 묻는 질문**

**Q: 왓츠앱 번호가 없다면 어떻게 하나요?** 실시간 채팅과 이메일 채팅만으로도 올인원 채팅 위젯을 사용할 수 있습니다. 왓츠앱 채팅은 유효한 번호가 추가될 때까지 숨겨집니다.

**Q: 각 채널별로 색상을 따로 커스터마이징할 수 있나요?** 올인원 채팅 위젯은 일관된 브랜드 경험을 유지하기 위해 모든 채널에 통일된 색상 체계를 적용합니다.

**Q: 이 설정을 위해 별도의 권한이 필요한가요?** 일반적으로 Sites(사이트) → Chat Widget(채팅 위젯)에 접근할 수 있는 사용자는 위젯을 생성하고 구성할 수 있습니다. 옵션이 보이지 않는다면 관리자에게 문의하세요.

**Q: 실시간 채팅 세션을 종료하려면 어떻게 하나요?** 하위 계정 사용자는 GoHighLevel의 대화 패널에서 세션을 종료할 수 있으며, 지정된 비활성 타임아웃 후에는 자동으로 종료됩니다.

## **문제 해결**

**위젯이 표시되지 않는 경우:** 웹사이트에 위젯 코드를 올바르게 삽입했는지 확인하세요. 이 코드는 Sites(사이트) → Chat Widget(채팅 위젯) → Install Code(설치 코드)에서 찾을 수 있습니다.

**왓츠앱을 사용할 수 없는 경우:** 활성화된 왓츠앱 번호가 있는지 확인하세요. 여전히 보이지 않는다면 왓츠앱 연동 설정을 다시 확인해보세요.

**이메일이 전송되지 않는 경우:** 이메일 주소가 인증되고 계정 설정에서 올바르게 설정되었는지 확인하세요.

***

*원문 최종 수정: Wed, 21 Jan, 2026 at 1:42 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/and-sites/xml-sitemaps/how-to-use-the-all-in-one-chat-widget.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.
