# 채팅 위젯 시작하기 ## 채팅 위젯 시작하기 채팅 위젯(Chat Widget)은 웹사이트 방문자를 잠재 리드로 전환하는 방법 중 하나입니다. 채팅 위젯을 통해 고객이 필요로 하는 시점과 장소에서 즉각적인 지원을 제공하여 고객 경험을 향상시킬 수 있습니다. *** **목차** * [채팅 위젯이란?](#채팅-위젯이란) * [채팅 위젯의 주요 이점](#채팅-위젯의-주요-이점) * [채팅 유형 옵션](#채팅-유형-옵션) * [채팅 위젯에서 대화 AI 사용하기](#채팅-위젯에서-대화-ai-사용하기) * [채팅 위젯 설치 방법](#채팅-위젯-설치-방법) * [자주 묻는 질문](#자주-묻는-질문) *** ## **채팅 위젯이란?** 하이퍼클래스 채팅 위젯은 웹사이트에 삽입할 수 있는 메신저로, 방문자가 라이브 채팅, 이메일/SMS, 페이스북, 인스타그램, 음성 AI 또는 왓츠앱을 통해 팀과 실시간 대화를 시작할 수 있게 해줍니다. 모든 메시지는 하이퍼클래스 인박스로 직접 전달됩니다. *** ### **채팅 위젯의 주요 이점** 채팅 위젯은 다양한 이점을 제공하며, 특히 고객 참여도 향상, 지원 효율성 개선, 전환율 증대를 원하는 비즈니스에 유용합니다. 주요 장점은 다음과 같습니다: * **실시간 고객 지원**: 고객이 질문에 대한 즉각적인 답변을 받을 수 있어 대기 시간이 줄어들고 전반적인 고객 경험이 향상됩니다 * **고객 경험 개선**: 문제를 즉시 해결할 수 있어 고객 만족도와 충성도가 향상됩니다 * **전환율 증가**: 고객이 필요로 할 때 도움을 제공하여 상호작용을 유도하고, 장바구니 이탈을 방지하며 전환율을 높입니다 * **참여도 증가**: 제품 페이지에 오래 머무는 등의 행동에 기반하여 사용자와 능동적으로 상호작용합니다 * **비용 절감**: 챗봇을 통해 일반적인 질문에 대한 응답을 자동화하여 사람의 지원이 필요한 문의량을 줄이고 인건비를 절약합니다 * **효율성 증대**: 여러 대화를 동시에 처리하여 지원 효율성을 향상시킵니다 *** ### 채팅 유형 옵션 채팅 위젯은 다양한 옵션으로 제공됩니다: **1. 올인원 채팅** 올인원 채팅 위젯은 라이브 채팅, 이메일/SMS, 왓츠앱, 페이스북, 인스타그램, 음성 AI 등 여러 채널을 하나의 채팅 경험으로 결합합니다. Style 탭의 **Chat Type** 다중 선택에서 연결된 채널 중 위젯에 표시할 채널을 선택할 수 있습니다. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060494000/original/aPWt_0m5G0Z0793QndgoplaIw3ElfiqMgA.png?1765542382) **2. 이메일 및 SMS 채팅** 이 채팅은 방문자의 정보를 수집하여 나중에 SMS나 이메일로 응답할 수 있게 해줍니다. 24시간 상주하지 않는 소규모 팀에 적합합니다. [LC 이메일이란?](/hyperclass-docs/email/what-is-lc-email.md)과 [LC 전화란?](/hyperclass-docs/phone-system/why-is-your-account-suspended/what-is-lc-phone-system.md)을 참고하세요. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035796726/original/5P6cb8PnO-C-EUC3XtR6WElGVBMWdy2hEg.png?1730384123) **3. 라이브 채팅** 라이브 채팅은 채팅 위젯 내에서 실시간 양방향 대화를 제공합니다. 24시간 지원이 가능한 팀에 적합합니다. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035797746/original/tsHXwfjVDSYeSyxT8EXm1VWCcaAI0XIhsw.png?1730384798) **4. 페이스북 채팅** 페이스북 채팅을 통해 방문자가 웹사이트에서 직접 연결된 페이스북 페이지와 메신저 대화를 시작할 수 있습니다. 페이스북을 통해 많은 리드와 DM을 받는 브랜드에 적합합니다. 페이스북 채팅 위젯에 대해 자세히 알아보기 ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060344496/original/6GRVKKs3N9W5Sc65iojVTe-Tqc2px9f1rw.png?1765385227) **5. 인스타그램 채팅** 인스타그램 채팅을 통해 웹사이트 방문자가 연결된 인스타그램 비즈니스 계정과 인스타그램 DM 대화를 시작할 수 있습니다. 첫 메시지 이후 대화는 인스타그램과 하이퍼클래스 모두에서 진행됩니다. 대부분의 고객이 인스타그램에서 소통하는 경우에 이상적입니다. 인스타그램 채팅 위젯에 대해 자세히 알아보기 ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060344526/original/_MrT3LBlKwOpF4pAIxQPsecHJt7GXnFbKw.png?1765385238) **6. 왓츠앱 채팅** 채팅 위젯에서 왓츠앱과 연동된 양방향 대화입니다. 왓츠앱 승인 번호가 필요합니다. 24시간 상주하지 않는 소규모 팀에도 적합합니다. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035797815/original/qZbQA-zVtB8uSaV0hmdRwyBLv0s4ICE9zQ.png?1730384847) **7. 음성 AI 채팅** 음성 AI 채팅은 방문자가 브라우저를 통해 AI 에이전트와 음성으로 대화할 수 있는 음성 우선 채팅 유형입니다. 24시간 인간과 같은 음성 대화를 제공하여 리드를 자동으로 수집, 검증, 전달할 수 있도록 설계되었습니다. 실제 접수원이나 콜센터 없이 "전화 통화" 스타일의 상호작용을 원하는 비즈니스에 적합합니다. [음성 AI 채팅 위젯에 대해 자세히 알아보기](/hyperclass-docs/and-sites/xml-sitemaps/voice-ai-chat-widget.md) ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060345613/original/wOuJK1aGUKGaZHK2pZGkMNTpqp01w5oL1g.png?1765386014) *** ### 채팅 위젯에서 대화 AI 사용하기 채팅 위젯 내에서 대화 AI를 직접 사용하여 방문자를 맞이하고 24시간 즉각적인 답변을 제공할 수 있습니다. 팀이 자리를 비운 상황에서도 모든 문의가 응답을 받을 수 있습니다. 설정 및 고급 옵션에 대해서는 [대화 AI 봇 설명](/hyperclass-docs/ai-ai-employee/web-urls-and-links/conversation-ai-bot-explained.md)을 참고하세요. *** ### 채팅 위젯 설치 방법 **1단계: 채팅 위젯으로 이동** \*\*Sites(사이트) > Chat Widget(채팅 위젯)\*\*으로 이동하세요. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060345709/original/Mlexx3uznkA2IRronSM9iRx5noeOtMoA0A.png?1765386066) **2단계: 새 위젯 생성** **New(새로 만들기)** 버튼을 클릭하여 채팅 위젯을 시작하세요. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035798154/original/DWQhKNeI2uBT9CnqcKnvZrJ1dYzLAC1bgQ.png?1730385093) **3단계: 채팅 유형 선택** 랜딩 페이지에 추가하고 싶은 채팅 위젯 유형을 선택하세요. 채팅 위젯 유형에는 올인원 채팅, SMS/이메일 채팅, 라이브 채팅, 페이스북 채팅, 인스타그램 채팅, 왓츠앱 채팅, 음성 AI가 있습니다. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060345751/original/rX1H7PBYHcTmCuO53qfIqpILOkFmtv-28w.png?1765386101) **4단계: 위젯 커스터마이징** 채팅 위젯 유형을 선택하면 배포하기 전에 채팅 위젯을 커스터마이징할 수 있는 3개의 페이지(AI를 지원하는 채팅 유형의 경우 4개)가 나타납니다: **참고:** 채팅 위젯 유형에 따라 설정에서 옵션이 추가됩니다. * **Style(스타일):** 테마, 아이콘, 환영 메시지를 선택합니다. 아바타와 채팅 위젯 위치도 선택할 수 있습니다. 다양한 크기의 채팅 위젯을 설정할 수 있습니다. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060347414/original/f6s2mdzpV4ZXnYyNacuQDaSVh7eimwKKyw.png?1765387459) * **Chat Window(채팅 창):** 채팅 창에서 제목, 소개 메시지, 연락처 양식을 커스터마이징할 수 있습니다. 또한 가시성을 높이고 체크박스를 통한 규정 준수를 위해 채팅 위젯에 자체 브랜드 URL을 추가할 수 있습니다. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060347459/original/gILumKvE-3NwMDZprahF0xcPW5u4b5E2dQ.png?1765387535) * **Messaging(메시지):** 메시지 확인 응답과 아이콘을 설정할 수 있습니다. 채팅 위젯의 언어도 설정할 수 있습니다. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060347511/original/ZWxJuodd5cwBylUwtW86CmPV2hmWV_9IEQ.png?1765387587) * **Agent(에이전트):** 고객과 대화할 음성 에이전트를 선택할 수 있습니다. 에이전트의 이름과 설명도 설정할 수 있습니다. 이 페이지는 AI를 지원하는 채팅 유형에서만 표시됩니다. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060347525/original/AsGtxz6AP14aSIjjjV-vS-EmtvgH4QHqmg.png?1765387626) **5단계: 채팅 위젯 설치** 채팅 위젯 설정이 완료되면 랜딩 페이지나 Google 태그 관리자용 코드를 복사하여 WordPress에 추가할 수 있습니다. Funnels(퍼널), Websites(웹사이트), Blogs(블로그)로 이동하여 채팅 위젯 유형을 선택하면 직접 추가됩니다. ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035803967/original/dq8tGTpy-b0VY4IbJiSpCV-7cIoUVHSyeA.png?1730389106) ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155035804036/original/WCMWssw3rOLCPJ6-qH57EePrgX8hN_Jxsg.png?1730389144) *** ### **자주 묻는 질문** **Q: 페이지별로 채팅 위젯 메시지를 다르게 커스터마이징할 수 있나요?** 현재 웹 채팅 위젯 설정은 동적 메시지를 허용하지 않습니다. 위젯을 여러 페이지에서 사용할 수 있지만, 메시지는 초기 설정과 동일하게 유지됩니다. **Q: 하위 계정에서 여러 개의 채팅 위젯을 만들 수 있나요?** 네. 여러 채팅 위젯을 추가하는 방법에 대한 자세한 내용은 [동일한 웹사이트에 여러 채팅 위젯 추가 방법](/hyperclass-docs/and-sites/xml-sitemaps/how-to-create-multiple-chat-widgets-in-a-single-sub-account.md)을 참고하세요. *** **관련 문서:** * [올인원 채팅 위젯 사용 방법](/hyperclass-docs/and-sites/xml-sitemaps/how-to-use-the-all-in-one-chat-widget.md) * [대화 AI 봇 설명](/hyperclass-docs/ai-ai-employee/web-urls-and-links/conversation-ai-bot-explained.md) * [동일한 웹사이트에 여러 채팅 위젯 추가하는 방법](/hyperclass-docs/and-sites/xml-sitemaps/how-to-create-multiple-chat-widgets-in-a-single-sub-account.md) * [하이퍼클래스 채팅 위젯 설치 방법](/hyperclass-docs/and-sites/how-to-install-highlevel-s-chat-widget.md) * [음성 AI 채팅 위젯](/hyperclass-docs/and-sites/xml-sitemaps/voice-ai-chat-widget.md) * 페이스북 및 인스타그램 채팅 위젯 *** *원문 최종 수정: 2025년 12월 12일* *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/getting-started-with-chat-widget.md?ask= ``` 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.