# Discourse 플랫폼에 HelpScout 채팅 위젯 통합 **URL:** https://meta.discourse.org/t/integrating-helpscout-chat-widget-into-discourse-platform/191488 **Category:** Integrations **Tags:** how-to, platforms **Created:** [5월 24, 2021, 5:04오후 UTC](https://meta.discourse.org/t/integrating-helpscout-chat-widget-into-discourse-platform/191488 "2021-05-24T17:04:09Z") **Posts on this page:** 1 **Page:** 1
### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse) #### Post date: [5월 24, 2021, 5:04오후 UTC](https://meta.discourse.org/t/integrating-helpscout-chat-widget-into-discourse-platform/191488/1 "2021-05-24T17:04:09Z")
> 🔖 이 가이드는 HelpScout 채팅 위젯을 Discourse 사이트에 추가하여 사용자가 팀과 1:1 채팅을 시작할 수 있도록 하는 방법을 설명합니다. > > 🙋 필요한 사용자 권한: 관리자 # 요약 이 가이드에서는 HelpScout 채팅 위젯을 Discourse 사이트에 통합하는 과정을 안내합니다. 이 통합을 통해 사용자는 팀과 직접 대화를 시작할 수 있으며, 사용자 지원과 참여도를 높일 수 있습니다. ## HelpScout 설정 1. [https://www.helpscout.com/](https://www.helpscout.com/)에서 계정을 생성합니다. 2. 계정 및 메일박스 설정 단계를 완료합니다. 3. `Set Up Beacon`을 클릭합니다. ![HelpScout dashboard with Set Up Beacon highlighted](https://global.discourse-cdn.com/meta/original/3X/1/a/1a10a11be01e4e8d27711a668cc6444a19ead076.png) 1. Beacon 설정을 구성합니다. ![Beacon configuration screen](https://global.discourse-cdn.com/meta/original/3X/4/3/43f471f1a6823947431bd889a720e24e0eb9a01e.png) 1. `Copy` 버튼을 사용하여 제공된 스크립트를 복사합니다. ![Script copy screen](https://global.discourse-cdn.com/meta/original/3X/b/e/be303f4f2d1a6e67aa22d3c6acd2621ae6a30527.png) ## Discourse에 HelpScout 위젯 추가 1. Discourse 관리자 패널로 이동하여 `Themes & components`(관리자 사이드바의 Customize 섹션 아래)로 갑니다. 2. `Install`을 클릭합니다. 3. 설치 모달에서 `Create new` 탭을 선택합니다. 4. 구성 요소 이름을 입력합니다(예: “HelpScout Chat Widget”), 유형을 "Component"로 설정하고 `Create`를 클릭합니다. 5. 새 구성 요소를 활성화할 테마를 선택합니다. 6. `Edit Code`를 클릭합니다. ![Edit CSS/HTML screen](https://global.discourse-cdn.com/meta/original/3X/4/8/4829f940569f2a32b242fd29501c4d9f6bb51442.png) 1. `common` \> `` 탭으로 이동합니다. 2. 이전에 복사한 HelpScout 스크립트를 붙여넣습니다. 3. `Save`를 클릭합니다. ## Discourse 사이트 설정 구성 1. Discourse 사이트 설정에서 "content security policy script src"를 검색합니다. 2. 다음 URL을 허용 목록(allowlist)에 추가합니다: - `https://beacon-v2.helpscout.net/` ## 통합 확인 1. Discourse 홈 페이지로 돌아갑니다. 2. 이제 방문객과 등록된 사용자 모두에게 보이는 채팅 아이콘이 오른쪽 하단 구석에 표시되어야 합니다. - 아이콘이 표시되지 않으면 사이트의 하드 리프레시(강제 새로고침)를 수행합니다. ![Discourse homepage with chat icon](https://global.discourse-cdn.com/meta/original/3X/7/9/7949bc1196a7d7978691566259c24969b27cc9e1.png) ## HelpScout 채팅 위젯 사용 통합이 완료되면, 사용자는 팀과 1:1 채팅을 시작할 수 있습니다: ![HelpScout chat widget open](https://global.discourse-cdn.com/meta/original/3X/a/1/a1b11925cb912ab15c555c67a8fd774bab3b886b.png) ![HelpScout chat in progress](https://global.discourse-cdn.com/meta/original/3X/2/d/2d4ce48abeb983162ee94df897773e772a59e16e.png) HelpScout 대시보드와 메일박스에서 수신된 메시지를 확인하고 응답할 수 있습니다.