도움말 위젯 설정하기

수정일 일요일, 9 3월 시간: 2:28 PM

Freshdesk 도움말 위젯은 웹사이트 및 지원 포털에 있는 작은 아이콘입니다. 도움말 위젯을 사용자 지정하여 솔루션 문서와 티켓 양식을 표시하여 완벽한 고객 지원을 제공할 수 있습니다.

이 문서는 Freshdesk 헬프 위젯에 대한 3편 중 1편입니다.

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

헬프 위젯 만들기
헬프 위젯 사용자 지정

헬프 위젯에서 연락처 양식 구성
어떤 모양 탭 도움말 위젯에 표시하기
도움말 위젯을 임베드하여 사용

프레시데스크 지원 포털에 위젯 임베드
Shopify 웹사이트에 위젯 임베드
WordPress 웹사이트에 위젯 임베드
Wix 웹사이트에 위젯 임베드

도움 위젯의 기능을 설명합니다:

웹사이트나 제품에 솔루션 문서 및 문의 양식을 임베드
API를 사용하여 위젯이 나타나는 시기를 제어하고, 양식을 미리 채우고, 특정 티켓 필드를 비활성화하고, 사용자 행동에 따라 위젯을 자동으로 열 수 있습니다, 등
(성장 플랜 이후) 브랜드에 맞게 모양을 사용자 지정
(프로 플랜 이후) 웹사이트 페이지에 따라 상황에 맞는 솔루션 문서를 표시하도록 사용자 지정
(프로 플랜 이후) 불만 고객을 추적하고 선제적인 도움말 제공

첫 번째 위젯을 만들려면 다음과 같이 하세요:

관리자가 관리자 '채널 '위젯으로 가서 새 위젯 만들기를 클릭합니다.
대화 상자에서 위젯의 이름을 지정하고 지원 포털 중 하나에 추가한 다음 생성을 클릭합니다.
위젯이 만들어지고 다음 탭이 포함된 위젯 설정으로 이동합니다.
일반-위젯 텍스트와 위젯에 표시되는 양식 및 문서를 사용자 지정합니다.
외관(Growth 플랜 이상)-위젯과 버튼의 색상, 패턴, 위치를 사용자 지정합니다.
불만 추적(Pro 플랜 이상)-위젯을 통해 자동으로 도움을 제공하도록 Freshmarketer의 불만 추적 기능을 설정합니다.
임베드 코드 - 웹사이트나 제품에 임베드할 위젯 코드를 가져옵니다.

각 탭에서 구성한 설정의 실시간 미리 보기를 볼 수 있습니다. 예를 들어 다음 미리 보기에는 사용자 지정 모양 및 배너 텍스트, 솔루션 문서 보기 및 추가 검색 옵션, 문의 양식이 있습니다.

일반 >에서 도움말 위젯의 콘텐츠 대부분을 관리할 수 있습니다;탭에서 관리합니다. 이 탭에는 다음이 포함됩니다:

배너 메시지 및 실행기 버튼 텍스트
문의 양식을 표시하는 설정
솔루션 문서를 표시하는 설정

헬프 위젯에서 연락처 양식 구성

문의 양식 토글을 사용 설정하면 다음과 같은 여러 설정이 표시됩니다.

단순 문의 양식 또는 티켓 필드가 있는 양식
- 단순 문의 양식를 선택하면 문의 양식에 이름, 이메일 주소, 제목 및 설명의 4개 필드만 포함되어 있습니다.
- 티켓 필드가 있는 양식 표시를 선택하면 설정한 티켓 양식 중 하나를 선택할 수 있습니다.
- 위젯에 여러 양식을 추가하면 처음에는 사용자에게 하나의 드롭다운만 표시되어 양식을 선택하도록 요청합니다. 양식 이름에 설명이 포함되도록 하고 양식 선택 드롭다운 자리 표시자를 사용하여 사용자에게 방향을 제시하세요.
양식에 대한 텍스트 필드 - 선택한 양식에 관계없이 다음 텍스트를 사용자 지정할 수 있습니다:
양식의 제목
양식 제출 버튼
양식 확인 메시지
토글
최대 25MB 크기의 파일을 5개까지 고객이 첨부하도록 허용할지 여부를 설정합니다.
스팸 방지를 위해 캡차 사용
고객이 스크린샷 첨부 허용 - 양식에 스크린샷 찍기 버튼이 나타나 사용자의 화면을 캡처하여 양식에 첨부합니다.
사용자 인증 - 로그인한 사용자에게만 위젯을 표시합니다. 인증 API를 사용하여 고객을 인증할 수 있습니다.

헬프 위젯에 솔루션 문서 표시

기술 자료에 솔루션 문서를 만든 경우 이 문서에 솔루션 문서를 표시할 수 있습니다, 헬프 위젯에 표시하여 웹사이트의 어느 곳에서나 셀프 서비스를 제공할 수 있습니다.

솔루션 문서 토글을 사용 설정하면 어떤 카테고리의 문서를 표시할지 선택할 수 있는 필드가 표시됩니다. 기본적으로 위젯에는 이러한 카테고리에서 가장 많이 조회된 문서가 표시되지만 고객은 다른 카테고리를 검색할 수 있습니다.

기사 중 특정 고객층으로 제한되는 것이 있으면 인증 API.

Pro 플랜 이상을 사용하는 경우 특정 웹페이지에 특정 문서를 표시하여 문맥 지원을 제공할 수 있습니다. 설정하려면 다음과 같이 하세요.

관리자는 관리자의 채널 및 위젯으로 이동하여 위젯을 선택하여 설정을 확인합니다.
일반 탭에서 솔루션 문서의 토글을 사용 설정합니다.
위젯에 표시할 카테고리를 선택합니다.
URL 추가를 클릭하고 표시되는 대화 상자에서 문맥 문서를 구성합니다.
URL 또는 그 일부를 입력합니다. 예를 들어 가격 페이지가 acme.com/pricing,인 경우 첫 번째 필드에 'pricing'을 추가할 수 있습니다.
URL과 관련된 솔루션 문서를 최대 5개 검색하여 선택합니다.
추가를 클릭합니다.
설정하려는 각 상황에 대해 4단계와 그 하위 단계를 반복합니다.

마지막으로 문의 양식과 솔루션 문서를 모두 사용 설정한 경우에는 두 가지 접근 방식 중 하나를 선택할 수 있습니다.

중립	편향에 최적화
중립적인 방식은 검색창과 솔루션 문서를 상단에 표시하고 문의 양식 버튼이 이어집니다.	편향 방식은 연락처 양식을 숨깁니다. 고객은 먼저 검색어를 검색하여 솔루션 문서를 읽어야 합니다. 고객이 문서를 '도움이 되지 않음'으로 표시하면 문의 양식이 표시됩니다.

유료 플랜에서는 브랜드에 맞게 도움말 위젯의 미학을 사용자 지정할 수 있습니다.

모양탭에는 다음과 같은 설정이 있습니다:
배너 색 구성표
위젯 상단에 사용할 그라데이션 또는 단색 중 하나를 선택할 수 있습니다.
단색을 선택하는 경우 색상을 지정하고 배너 텍스트에 검정색 또는 흰색을 선택할 수 있습니다.
사용 가능한 패턴 중 하나를 선택하여 배너에 감각을 더할 수도 있습니다.
위젯 위치
위젯이 웹사이트의 왼쪽 하단 또는 오른쪽 하단에 표시될지 여부를 선택합니다.
오프셋 필드에서 모서리와의 거리를 조정합니다.
버튼 색상
위젯의 런처 버튼과 양식 제출 버튼에 사용할 색상을 선택합니다.
버튼 텍스트는 검정색 또는 흰색 중 하나를 선택합니다.
브랜딩을 제거합니다: 위젯에서 ⚡️ by Freshworks 텍스트를 제거하려면 관리 계정 및 헬프데스크 설정>으로 이동하여 Freshdesk 브랜딩을 끄세요. 이 작업을 수행하려면 유료 요금제를 사용 중이어야 합니다.

도움말 위젯의 좌절감 추적 탭

레이지 클릭은 짧은 시간 동안 이루어진 일련의 클릭입니다. 분노 클릭은 버튼이나 링크가 제대로 작동하지 않을 때 나타나는 일반적인 사용자 행동입니다. Freshmarketer 계정이 있는 경우, 분노 클릭을 추적하고 사용자 지정 메시지와 지원 양식이 포함된 도움말 위젯을 선제적으로 열도록 불만 추적을 설정할 수 있습니다.

불만 추적 사용 설정하기:

관리 및 채널, 위젯으로 이동하여 위젯을 열고 불만 추적탭으로 이동합니다.
Freshmarketer 계정 이메일을 제공하거나 새 계정을 등록하고 불만 추적 사용을 클릭합니다.
고객 불만을 추적할 URL을 최대 3개(도메인)까지 지정하세요.
헤더 메시지, 설명 및 양식 제출 메시지를 설정합니다.

좌절 추적 활성화 시 Session Replay 도 사용 설정됩니다. 불만 사용자가 헬프 위젯에서 지원 양식을 제출하면 티켓으로 메시지를 수신하고 세션 리플레이를 통해 그 여정을 확인하여 분노 클릭으로 이어진 원인을 더 잘 이해할 수 있습니다.

헬프 위젯을 구성한 후에는 코드 삽입하기탭을 사용하여 배포할 수 있습니다.

헬프 위젯 임베드하여 사용하기

임베드 코드 탭에는 웹사이트에 위젯을 로드하는 스크립트가 나와 있습니다. 여기에서 코드를 복사하여 웹사이트의 코드에 삽입하세요.

위젯을 퍼온 후 설정을 변경하면 자동으로 즉시 새 변경 사항이 위젯에 반영됩니다. 다시 임베드할 필요가 없습니다.

위젯을 Freshdesk 지원 포털에 임베드하기

지원 포털에 도움말 위젯을 임베드하려면 다음과 같이 하세요:

Freshdesk에서 관리 및 채널, 위젯으로 이동하여 위젯을 선택한 다음 코드 삽입탭으로 이동합니다.
표시된 코드를 복사합니다.
관리자; 채널; 포털로 이동하여 포털 위로 마우스를 가져간 다음 수정을 클릭합니다.
현재 테마에 대한 어플리언스 탭을 클릭하고 테마 편집 을 클릭합니다.
페이지 탭을 클릭하고 레이아웃 섹션에서 Footer를 클릭합니다.
닫는 푸터 태그 앞에 위젯 코드를 배치하고 게시를 클릭합니다. 표시되는 대화 상자에서 게시를 확인합니다.

고객이 지원 포털을 방문할 때 위젯이 표시됩니다.

Shopify 웹사이트에 위젯 임베드

Shopify 웹사이트에 도움말 위젯을 임베드하려면 다음을 수행합니다:

프레시데스크에서 관리 및 채널, 위젯으로 이동하여 위젯을 선택한 다음 코드 임베드 탭으로 이동합니다.
표시된 코드를 복사합니다.
Shopify 계정에 로그인하고 테마로 이동합니다.
Customize 를 클릭하여 테마 편집기에 액세스합니다.
테마 편집기 페이지에서 왼쪽 상단의 점 3개 메뉴를 클릭하고 코드 편집을 선택합니다.
테마 코드 편집기 페이지에서 검색창을 사용하여 </&t; footer.liquid를 찾아서 선택합니다.
페이지 오른쪽으로 스크롤하여 위젯 코드를 붙여넣고 저장을 클릭합니다.

고객이 웹사이트에 방문할 때 위젯이 표시됩니다.

워드프레스 웹사이트에 위젯 임베드

워드프레스 웹사이트에 도움말 위젯을 임베드하려면 워드프레스 웹사이트에 위젯을 임베드하세요:

Freshdesk에서 관리 및 채널, 위젯으로 이동하여 위젯을 선택한 다음 코드 삽입탭으로 이동합니다.
표시된 코드를 복사합니다.
워드프레스 계정에 로그인하고 플러그인으로 이동하여 새로 추가를 클릭합니다.
Freshdesk (공식)플러그인을 검색하고 지금 설치를 클릭합니다.
- 플러그인 설치 중 오류가 표시되면 WordPress에 쓰기 권한을 부여했는지 확인해 주세요.
플러그인을 설치한 후 플러그인 설치된 플러그인 으로 이동하여 Freshdesk 공식 아래 활성화 를 클릭하세요.
- 활성화 후 Freshdesk가 도구 모음에 표시됩니다.
다음 옵션을 보려면 Freshdesk 메뉴를 클릭합니다.
1. 이 WordPress 사이트에 도움말 위젯 표시. 이 옵션을 활성화하고 아래에 위젯 코드를 붙여넣은 다음 변경 사항 저장을 클릭합니다.
2. WordPress 댓글을 Freshdesk 티켓으로 변환하세요. 자세히 알아보세요.
3. SSO 연동. 더 알아보기.

위젯 코드를 붙여넣고 변경사항 저장를 클릭하면 고객이 웹사이트에 방문할 때 위젯이 고객에게 표시됩니다.

Wix 웹사이트에 위젯 임베드

Shopify 웹사이트에 도움말 위젯을 임베드하려면 다음과 같이 하세요:

프레시데스크에서 관리 '채널 '위젯으로 이동하여 위젯을 선택한 다음 코드 임베드탭으로 이동합니다.
표시된 코드를 복사합니다.
Wix 계정에 로그인하고 설정 및 고급 설정, 추적 및 분석으로 이동합니다.
새 도구를 클릭하거나 스플래시 화면에서 < Custom을 클릭합니다.
표시되는 대화 상자에서 다음을 입력합니다:
1. 위젯 삽입 코드를 붙여넣습니다.
2. 내부 이름을 입력합니다.
3. 위젯을 모든 페이지에 로드할지 아니면 특정 페이지에 로드할지 선택합니다. 모든 페이지에 적용하려면 드롭다운에서 코드 한 번 로드를 선택하는 것이 좋습니다.
4. 본문 - 끝을 선택합니다.
5. 설정을 검토하고 적용을 클릭합니다.

고객이 웹사이트에 방문하면 위젯이 표시됩니다.

추가 도움이 필요하시면 [email protected]로 문의하시기 바랍니다.