# 페이스북 및 인스타그램 채팅 위젯

## 페이스북 및 인스타그램 채팅 위젯

실시간 메신저와 DM 대화를 바로 웹사이트로 가져와 보세요. 새로운 페이스북 채팅(Facebook Chat) 및 인스타그램 채팅(Instagram Chat) 위젯 타입을 사용하면 방문자가 이미 사용 중인 메타 채널에서 바로 인사할 수 있어 응답률이 높아지고 후속 관리가 간소화됩니다.

***

## 페이스북 및 인스타그램 채팅 위젯이란?

페이스북 채팅과 인스타그램 채팅은 하이퍼클래스 채팅 위젯 내부의 채널별 옵션입니다. 웹사이트 메신저를 열지 않고 방문자를 선택한 메타 채널(메신저 또는 인스타그램 DM)로 리디렉션하여 페이스북이나 인스타그램에서 자연스럽게 대화를 이어갑니다. 각 타입은 빌더에서 올바른 페이스북 페이지나 인스타그램 비즈니스 계정을 선택(또는 연결)할 수 있는 전용 설정 패널을 제공합니다.

***

### 페이스북 및 인스타그램 채팅의 주요 장점

* **원활한 참여**: 방문자가 별도의 웹사이트 채팅 스레드를 만들지 않고 메신저나 인스타그램 DM에서 대화를 이어갈 수 있습니다.
* **채널 선호도**: 고객이 일상적으로 메시지를 주고받는 데 이미 사용하고 있는 소셜 플랫폼에서 만날 수 있습니다.
* **더 나은 채택률**: 사용자의 기존 페이스북/인스타그램 로그인과 앱을 활용합니다.
* **통합 인박스**: 모든 메타 대화를 SMS, 이메일, 왓츠앱과 함께 하이퍼클래스의 대화(Conversations) 인박스에서 관리할 수 있습니다.
* **기기 간 연속성**: 사용자의 메신저/인스타그램 앱에서 대화가 유지되므로 기기를 바꿔도 히스토리를 잃지 않고 스레드를 이어갈 수 있습니다.

***

### 페이스북 및 인스타그램 채팅 위젯 설정 방법

다음 단계에 따라 웹사이트에 설치할 수 있는 페이스북 또는 인스타그램 채팅 위젯을 빠르고 쉽게 만들어 보세요!

**1단계: 새 위젯 만들기**

`Sites(사이트) → Chat Widgets(채팅 위젯)`으로 이동한 다음 파란색 **+ New** 버튼을 선택하세요.

![새 위젯 만들기](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060348475/original/elOj_5dm-_s2o0sUdzfnGJj623Dq3ovuUw.png?1765388725)

**2단계: 채팅 타입 선택**

"채팅 타입 선택" 팝업에서 **Facebook Chat** 또는 **Instagram Chat**을 선택하세요.

페이스북/인스타그램 계정이 연결되어 있지만 선택된 페이지가 없는 경우, 위젯에서 사용할 페이지를 선택할 수 있는 페이지 선택 모달이 열립니다.

![채팅 타입 선택](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060350088/original/yO7fZsVYCVXXsGVHatbDlcCq6bgQDfR5Vg.jpeg?1765390979)

**중요:** 해당 계정이 이미 하위 계정에 연결되어 있지 않으면 여기서 페이스북 채팅이나 인스타그램 채팅을 선택할 수 없습니다. 아직 연결된 계정이 없는 경우, 모달 내 링크가 계정을 연결하라는 메시지를 표시합니다(예: 연동(Integrations)에서 페이스북/인스타그램 연결). 이 링크를 열어서 계정을 연결한 다음 이 선택기로 돌아와 채팅 타입을 선택하세요.

![계정 연결 필요](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060350092/original/jsVdwN__K5cjKScy1fhL_BpcM8DtY01HBQ.png?1765390994)

**3단계: 위젯 커스터마이징**

필요에 따라 **Style(스타일)**, **Chat Window(채팅 창)**, **Messaging(메시징)** 탭을 커스터마이징하여(색상, 인사말 텍스트, 런처 아이콘) 브랜드에 맞는 위젯을 만드세요. 추가 디자인 옵션은 채팅 위젯 커스터마이징 개요를 참조하세요.

**Chat Window(채팅 창)** 탭에서 위젯에 연결된 페이스북/인스타그램 계정을 변경할 수 있습니다. 필요한 경우 "연결된 페이스북/인스타그램 계정 연결" 버튼을 클릭하여 새 연결 모달을 열고 더 많은 페이지/계정을 추가하세요.

모든 필수 편집을 완료한 후 위젯을 저장하세요.

![위젯 커스터마이징](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060350150/original/hCpviuit3NtfBrynsJe5_HGgO4PThscLtA.png?1765391093)

**4단계: 위젯 공유하기**

이 위젯을 외부 사이트에 설치하려면 **Get Code**를 클릭한 다음 위젯을 표시할 웹사이트/퍼널에 코드 스니펫을 삽입하세요. 워드프레스 사이트에 설치하는 경우 **Get it for Wordpress**를 클릭하세요. 이 위젯은 하이퍼클래스 퍼널 및 웹사이트 빌더 내에서도 직접 설치할 수 있습니다.

자세한 내용은 하이퍼클래스 채팅 위젯 설치 방법을 확인하세요.

![위젯 공유](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060349629/original/tkuC8Q7A2ZfTxvzZkN4MegGTa8PChiaJaw.png?1765390165)

***

### 자주 묻는 질문

**Q: 하나의 위젯에서 페이스북과 인스타그램을 모두 활성화할 수 있나요?**

아니요. 각 위젯은 하나의 채널에만 연결됩니다. 다중 채널 버블을 원한다면 All-in-One 채팅 위젯을 사용하세요.

**Q: 대화가 하이퍼클래스의 대화(Conversations) 탭에 표시되나요?**

네, 페이스북/인스타그램 연동(Integration)과 권한이 올바르게 연결되고 메시징 액세스가 활성화되어 있으면 표시됩니다.

**Q: 수신 메시지에 대해 자동화를 실행할 수 있나요?**

물론입니다! 페이스북 메시지(Facebook Message) 또는 인스타그램 메시지(Instagram Message) 워크플로우 트리거를 사용하여 채팅에 태그를 지정하거나 배정하거나 라우팅할 수 있습니다.

**Q: 방문자가 페이스북이나 인스타그램에 로그인되어 있어야 하나요?**

네. 로그인되어 있지 않으면 메타 로그인 화면이 먼저 열립니다.

**Q: 페이스북/인스타그램 위젯에서 스타일(Style)과 메시징(Messaging) 설정이 다르게 작동하나요?**

아니요. 스타일링과 배치는 다른 채팅 타입과 동일하게 작동합니다. 주요 차이점은 대화가 **어디서** 발생하는지(메타 vs 웹사이트 내)입니다.

***

*원문 최종 수정: Wed, 10 Dec, 2025 at 12:35 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/facebook-and-instagram-chat-widgets.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.