이 가이드는 HelpScout 채팅 위젯을 Discourse 사이트에 추가하여 사용자가 팀과 1:1 채팅을 시작할 수 있도록 하는 방법을 설명합니다.
필요한 사용자 권한: 관리자
요약
이 가이드에서는 HelpScout 채팅 위젯을 Discourse 사이트에 통합하는 과정을 안내합니다. 이 통합을 통해 사용자는 팀과 직접 대화를 시작할 수 있으며, 사용자 지원과 참여도를 높일 수 있습니다.
HelpScout 설정
- https://www.helpscout.com/에서 계정을 생성합니다.
- 계정 및 메일박스 설정 단계를 완료합니다.
Set Up Beacon을 클릭합니다.
- Beacon 설정을 구성합니다.
Copy버튼을 사용하여 제공된 스크립트를 복사합니다.
Discourse에 HelpScout 위젯 추가
- Discourse 관리자 패널로 이동하여
Themes & components(관리자 사이드바의 Customize 섹션 아래)로 갑니다. Install을 클릭합니다.- 설치 모달에서
Create new탭을 선택합니다. - 구성 요소 이름을 입력합니다(예: “HelpScout Chat Widget”), 유형을 "Component"로 설정하고
Create를 클릭합니다. - 새 구성 요소를 활성화할 테마를 선택합니다.
Edit Code를 클릭합니다.
common><head>탭으로 이동합니다.- 이전에 복사한 HelpScout 스크립트를 붙여넣습니다.
Save를 클릭합니다.
Discourse 사이트 설정 구성
- Discourse 사이트 설정에서 "content security policy script src"를 검색합니다.
- 다음 URL을 허용 목록(allowlist)에 추가합니다:
https://beacon-v2.helpscout.net/
통합 확인
- Discourse 홈 페이지로 돌아갑니다.
- 이제 방문객과 등록된 사용자 모두에게 보이는 채팅 아이콘이 오른쪽 하단 구석에 표시되어야 합니다.
- 아이콘이 표시되지 않으면 사이트의 하드 리프레시(강제 새로고침)를 수행합니다.
HelpScout 채팅 위젯 사용
통합이 완료되면, 사용자는 팀과 1:1 채팅을 시작할 수 있습니다:
HelpScout 대시보드와 메일박스에서 수신된 메시지를 확인하고 응답할 수 있습니다.