이 가이드는 Zendesk Chat 위젯을 Discourse 포럼에 추가하는 방법을 설명하며, 이를 통해 사용자에게 실시간 지원을 제공할 수 있습니다.
필요한 사용자 권한: 관리자
Discourse에 Zendesk Chat 위젯 추가
이 가이드에서는 Discourse 포럼에 Zendesk Chat 위젯을 통합하는 과정을 안내합니다. 이 기능을 사용하면 포럼 사용자에게 실시간 지원을 제공할 수 있습니다.
Zendesk 계정 생성
- https://www.zendesk.com/register 로 이동하여 등록 양식을 완료하세요.
- 등록 단계를 따르고 팀 이름을 선택하세요. 이는 Zendesk에 액세스하기 위한 URL로 자동 설정됩니다.
- 이메일을 확인하고 이메일 주소를 인증한 후 Zendesk에 로그인하세요.
Zendesk Chat 위젯 설정
-
계정이 설정되면 Zendesk 관리 센터(
https://your_team_name.zendesk.com/admin/home)로 이동하세요. -
관리 센터 대시보드에서 왼쪽 메뉴의
Channels(채널)를 클릭한 후Messaging(메시징)을 선택하세요:
- 메시징 페이지에서 팀 이름을 클릭하세요:
Add Web Widget(웹 위젯 추가) 단계를 완료하세요:- 채널 이름 확인
- 웹 위젯 코드 스니펫 복사
- 채팅 모양 사용자 정의(색상, 위치, 소리 등)
Discourse에 Zendesk Chat 위젯 추가
- Discourse 관리자 패널에서
Admin(관리자) >Appearance(모양) >Themes and Components(테마 및 컴포넌트)로 이동하여Components(컴포넌트) 탭으로 전환한 후Install(설치)을 클릭하세요.
Create new(새로 만들기)를 선택하세요.
- 컴포넌트 이름을 입력하고 유형이 “Component”(컴포넌트)로 설정되어 있는지 확인한 후
Create(만들기)를 클릭하세요.
- 새 컴포넌트를 추가할 테마를 선택한 후
Edit CSS/HTML(CSS/HTML 편집)을 클릭하세요.
Common(공통) ><head>탭으로 이동하여 Zendesk 스크립트를 붙여넣고Save(저장)를 클릭하세요.
콘텐츠 보안 정책(CSP) 설정
- Discourse 사이트 설정에서 "content security policy script src"를 검색하세요.
https://static.zdassets.com/web_widget/를 화이트리스트에 추가하세요.
설치 확인
- Discourse 사이트를 새로고침하세요. 이제 사이트 하단에 방문자와 등록 사용자 모두 볼 수 있는 채팅 아이콘이 표시되어야 합니다.
Zendesk Chat 설정 마무리
Discourse 포럼에 위젯을 추가한 후 채팅 설정을 구성해야 합니다:
-
https://your-team-name.zendesk.com/admin/channels/messaging_and_social/channels_list로 돌아가세요. -
위젯 설정에 액세스하려면 팀 이름을 클릭하세요.
-
채팅의 다양한 측면을 사용자 정의할 수 있습니다:
- Style(스타일): 포럼 디자인에 맞게 채팅 위젯의 외관을 조정하세요.
- Responses(응답): 일반적인 문의에 대한 자동 응답이나 표준 메시지를 설정하세요.
변경 사항을 적용한 후 Discourse 포럼에서 위젯이 의도한 대로 작동하는지 확인하기 위해 채팅 위젯을 철저히 테스트하는 것을 잊지 마세요.