Freshchat 웹 위젯 구성 방법

Freshchat은 여러 위젯을 생성하고 배포할 수 있도록 합니다. 이를 통해 고객에게 다양한 페이지에서 독특한 경험을 제공하여 개인화된 지원을 제공할 수 있습니다. 예를 들어, 제품 목록 페이지에서의 지원 경험은 주문 추적 페이지에서의 경험과 달라야 할 수 있습니다. 마찬가지로, 여러 브랜드를 운영하는 경우 각 브랜드에 대한 지원 경험이 독특해야 할 수 있습니다.

이 문서에는 다음 내용이 포함되어 있습니다:

• 플랜별 가용성
• 위젯 생성
• 위젯 사용자 정의
• 외관
• 브랜딩
• 위치 및 동작
• 사용자 정의 CSS
• 콘텐츠
• 환경 설정
• 임베드 코드
• 봇 매핑
• 지원되는 메시지 유형

플랜별 가용성

다음 기능은 Growth 플랜 이상에서 사용할 수 있습니다:

• 다중 위젯
• FAQ
• 브랜딩 숨기기

모든 다른 대화 위젯 기능은 모든 플랜에서 사용할 수 있습니다.

팁: '웹 위젯'과 '대화 위젯'은 동일한 Freshchat 위젯을 지칭하며 상호 교환하여 사용할 수 있습니다.

위젯 생성

위젯을 생성하고 구성하려면 관리자 설정 > 채널 > 웹 채팅으로 이동하세요. 첫 번째 위젯은 미리 구성되어 있습니다. 이 위젯을 수정하려면 시작 커스터마이징을 클릭하거나 라이브 미리보기로 이동을 클릭하여 테스트하세요.

첫 번째 위젯에서 대화를 시작하면 웹 채팅 페이지가 변경되고 새 위젯을 클릭하여 더 많은 위젯을 생성할 수 있습니다. 위젯의 이름을 클릭하여 사용자 정의를 시작하세요. 위젯의 메타데이터를 편집하거나, 복제하거나, 햄버거 메뉴에서 삭제할 수 있습니다.

Freshchat 계정에서 최대 30개의 위젯을 생성할 수 있습니다. 위젯을 구별하기 위해 기본 위젯을 제외한 각 새 위젯에 고유한 WidgetUuid가 추가됩니다.

위젯 사용자 정의

위젯 사용자 정의를 시작하면 4개의 메뉴를 볼 수 있습니다:

• 외관: 위젯의 브랜딩 및 위치 변경
• 콘텐츠: 위젯을 사용하는 고객에게 표시되는 주제 및 FAQ 변경
• 환경 설정: 위젯의 기본 설정 전환
• 임베드 코드: 웹 페이지에 위젯을 임베드할 코드를 확인

외관

이 메뉴를 통해 위젯의 외관을 세부 조정할 수 있습니다. 이 페이지에는 3개의 하위 메뉴가 있습니다.

브랜딩

브랜드 디자인은 웹 위젯을 포함한 각 고객 접점에 반영되어야 합니다. 브랜딩을 클릭하여 다음을 편집하세요:

• 브랜드 로고
• 환영 메시지 및 하위 메시지 (선택 사항)
• 대화 제목
• FAQ 제목
• 브랜드 색상 (위젯 테마): 단색 및 그라데이션 중 선택
• 버튼 색상
• 위젯 런처 색상
• 채팅 배경 패턴

위치 및 동작

위치 및 동작을 클릭하여 다음을 편집하세요:

• 메신저 가시성: 위젯을 항상 표시, 숨기기 또는 근무 시간 내에만 표시 (기본 업무 시간).
• 위젯 런처 유형: 위젯을 사용자 정의 아이콘 또는 사용자 정의 텍스트가 있는 버튼으로 표시.
• 크기: 기본 (넓음) 또는 컴팩트 중 선택.
• 위치: 페이지의 왼쪽 하단 또는 오른쪽 하단에 위젯 런처 표시.
• 픽셀 단위 위치 오프셋: 위젯의 위치를 세부 조정.
• Freshworks 브랜딩 제거: 유료 플랜에서만 사용 가능.

사용자 정의 CSS

추가 수정이 필요한 경우 이 하위 메뉴에서 사용자 정의 CSS를 적용하세요. 프론트엔드 개발자는 글꼴 유형 및 크기를 변경하고, 헤더 및 푸터 요소를 편집하고, 요소 간의 간격을 조정하는 등 다양한 작업을 수행할 수 있습니다.

콘텐츠

이 메뉴를 통해 위젯의 주요 콘텐츠를 구성할 수 있습니다. 여기에는 다음이 포함됩니다:

• 주제: 대화 컨텍스트로, 다른 팀이나 봇으로 라우팅할 수 있습니다. 주제를 생성하려면 관리자 설정 > 구성 및 워크플로우 > 웹 채팅 주제로 이동하세요. Freshchat에서 주제란 무엇인가요?
• FAQ 카테고리: 위젯 내에 표시되는 셀프 서비스 기사입니다. FAQ 카테고리 및 기사를 생성하려면 왼쪽 탐색 모음에서 FAQ로 이동하세요. FAQ 생성 방법?

주제와 FAQ를 생성한 후 이 메뉴에서 위젯에 추가하고 원하는 대로 배열할 수 있습니다.

중요: 새 주제나 FAQ 카테고리를 생성할 때는 수동으로 위젯에 추가해야 합니다. 위젯에 최대 100개의 주제 또는 FAQ 카테고리를 추가할 수 있습니다.

환경 설정

이 메뉴를 통해 다음 옵션을 구성할 수 있습니다:

• 신뢰할 수 있는 도메인 활성화: 위젯이 로드될 수 있는 특정 URL 정의.
• 입력 표시기 표시: 에이전트가 응답을 입력할 때 고객에게 표시.
• 브라우저 알림: 응답이 전송될 때 브라우저 탭에서 고객에게 알림.
• 알림 소리: 응답이 전송될 때 소리로 고객에게 알림.
• 고객이 파일 첨부 허용: 고객이 채팅에서 미디어 또는 다른 파일을 공유할 수 있도록 허용.
• 해결된 대화 기록 숨기기: 고객이 과거 해결된 대화를 보지 못하도록 방지.
• 개인정보 보호 정책 표시: 대화 상단에 개인정보 메시지를 추가하고 개인정보 보호 정책에 대한 링크 제공.

임베드 코드

고객을 위해 위젯을 활성화하려면 웹사이트에 코드를 임베드해야 합니다. 이 메뉴에서 고유한 코드 스니펫을 가져오세요. Freshchat 웹 위젯을 표시하려는 웹사이트의 모든 페이지에 코드 스니펫을 붙여넣으세요.

사용자 속성과 봇 대화 속성에 대한 코드도 이 페이지에서 얻을 수 있습니다. 봇 대화 속성의 경우, 동일한 코드 생성을 위해 주제 매핑을 저장하세요.

고급 사용자 정의를 위해, 개발자 문서를 방문하세요.

참고: 웹 채팅 위젯에 대해 JWT 사용자 인증을 활성화할 수도 있습니다.

봇 매핑

봇 매핑 탭의 웹 채팅 페이지에서 여러 주제를 봇에 원활하게 연결할 수 있습니다. 주제 페이지에서 고급 옵션을 추가로 구성할 수 있습니다. 이 매핑은 모든 위젯에 적용됩니다.

지원되는 메시지 유형