도움말 위젯 설정

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


이 문서는 Freshdesk 도움말 위젯에 대한 3개의 문서 중 첫 번째입니다:
  1. 도움말 위젯 설정
  2. 도움말 위젯 API를 사용한 고급 구성
  3. 도움말 위젯에서 다국어 지원


이 문서에는 다음이 포함됩니다:


도움말 위젯의 기능:

  • 웹사이트나 제품에 솔루션 문서와 연락처 양식 임베드
  • API를 사용하여 위젯 표시 시점 제어, 양식 사전 채우기, 특정 티켓 필드 비활성화, 사용자 행동에 따라 자동으로 위젯 열기 등
  • (Growth 플랜 이상) 브랜드에 맞게 외관 사용자 정의
  • (Pro 플랜 이상) 웹사이트 페이지에 따라 컨텍스트 솔루션 문서 표시
  • (Pro 플랜 이상) 좌절한 고객 추적 및 사전 대응 도움 제공

도움말 위젯 생성

첫 번째 위젯을 생성하려면:

  1. 관리자로서 관리 > 채널 > 위젯으로 이동하여 새 위젯 생성을 클릭합니다.
  2. 대화 상자에서 위젯에 이름을 지정하고 지원 포털 중 하나에 추가한 후 생성을 클릭합니다.
    위젯 생성 대화 상자, 주변 텍스트에서 설명됨.
  3. 위젯이 생성되며, 다음 탭을 포함한 위젯 설정으로 이동합니다:
    1. 일반—위젯 텍스트, 위젯에 표시되는 양식 및 문서 사용자 정의.
    2. 외관 (Growth 플랜 이상)—위젯 및 버튼의 색상, 패턴, 위치 사용자 정의.
    3. 좌절 추적 (Pro 플랜 이상)—Freshmarketer의 좌절 추적 설정하여 위젯을 통해 자동 도움 제공.
    4. 임베드 코드—웹사이트나 제품에 임베드할 위젯 코드 가져오기.


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



도움말 위젯 사용자 정의

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

  1. 배너 메시지 및 실행 버튼 텍스트
  2. 연락처 양식 표시 설정
  3. 솔루션 문서 표시 설정

도움말 위젯의 연락처 양식 구성

연락처 양식 토글을 활성화하면 여러 설정이 표시됩니다:

  1. 간단한 연락처 양식 또는 티켓 필드가 있는 양식
    • 간단한 연락처 양식을 선택하면 연락처 양식에는 이름, 이메일 주소, 제목, 설명의 4개 필드만 포함됩니다.
    • 티켓 필드가 있는 양식 표시를 선택하면 설정한 티켓 양식 중 하나를 선택할 수 있습니다.
    • 위젯에 여러 양식을 추가하면 사용자는 처음에 양식을 선택하라는 드롭다운만 표시됩니다. 양식 이름이 설명적이어야 하며, 양식 선택 드롭다운 자리 표시자 필드를 사용하여 사용자에게 방향을 제공합니다.
  2. 양식의 텍스트 필드—선택한 양식에 관계없이 다음 텍스트를 사용자 정의할 수 있습니다:
    1. 양식 제목
    2. 양식 제출 버튼
    3. 양식 확인 메시지
  3. 토글
    1. 고객이 파일을 첨부할 수 있도록 허용—최대 25MB의 총 크기로 최대 5개의 파일.
    2. 스팸 방지를 위한 캡차 활성화
    3. 고객이 스크린샷을 첨부할 수 있도록 허용—사용자의 화면을 캡처하여 양식에 첨부할 수 있는 스크린샷 찍기 버튼이 양식에 나타납니다.
  4. 사용자 검증—로그인한 사용자에게만 위젯 표시. Authenticate API를 사용하여 고객을 인증할 수 있습니다.

도움말 위젯에 솔루션 문서 표시

지식 베이스에 솔루션 문서를 생성한 경우, 웹사이트 어디에서나 셀프 서비스를 제공하기 위해 도움말 위젯에 표시할 수 있습니다.


솔루션 문서 토글을 활성화하면 표시할 문서 카테고리를 선택할 수 있는 필드가 나타납니다. 기본적으로 위젯은 이 카테고리에서 가장 많이 본 문서를 표시하지만, 고객은 다른 문서를 검색할 수 있습니다.


문서가 특정 고객 세그먼트에 제한된 경우, Authenticate API를 사용하여 고객을 인증해야 합니다.


Pro 플랜 이상에서는 특정 웹페이지에 특정 문서를 표시하여 컨텍스트 지원을 제공할 수 있습니다. 이를 설정하려면:

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


마지막으로, 연락처 양식과 솔루션 문서를 모두 활성화한 경우, 두 가지 접근 방식 중 하나를 선택할 수 있습니다.


중립회피 최적화

중립 접근 방식은 검색 바와 솔루션 문서를 상단에 표시하고, 그 다음에 연락처 양식 버튼을 표시합니다.

회피 최적화 접근 방식은 연락처 양식을 숨깁니다. 고객은 먼저 문의를 검색하고 솔루션 문서를 읽어야 합니다. 문서를 '도움이 되지 않음'으로 표시하면 연락처 양식이 표시됩니다.


도움말 위젯의 외관 탭

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


외관 탭에는 다음 설정이 포함됩니다:
  1. 배너 색상 구성
    1. 위젯 상단에 사용할 그라데이션 또는 단색을 선택합니다.
    2. 단색을 선택하면 색상을 지정하고 배너 텍스트에 검정 또는 흰색을 선택할 수 있습니다.
    3. 배너에 멋을 더하기 위해 사용할 수 있는 패턴 중 하나를 선택할 수도 있습니다.
  2. 위젯 위치
    1. 위젯을 웹사이트의 왼쪽 하단 또는 오른쪽 하단에 표시할지 선택합니다.
    2. 오프셋 필드에서 모서리로부터의 거리를 조정합니다.
  3. 버튼 색상
    1. 실행 버튼과 위젯의 양식 제출 버튼에 사용할 색상을 선택합니다.
    2. 버튼 텍스트에 검정 또는 흰색을 선택합니다.
  4. 브랜딩 제거: ⚡️ by Freshworks 텍스트를 위젯에서 제거하려면 관리 > 계정 > 헬프데스크 설정으로 이동하여 Freshdesk 브랜딩을 비활성화합니다. 이를 위해서는 유료 플랜이 필요합니다.

도움말 위젯의 좌절 추적 탭

격렬한 클릭은 짧은 시간 동안 이루어진 일련의 클릭입니다. 격렬한 클릭은 버튼이나 링크가 제대로 작동하지 않을 때의 일반적인 사용자 행동입니다. Freshmarketer 계정이 있는 경우, 좌절 추적 을 설정하여 격렬한 클릭을 추적하고 사용자 정의 메시지와 지원 양식으로 도움말 위젯을 사전적으로 열 수 있습니다.


좌절 추적을 활성화하려면:

  1. 관리 > 채널 > 위젯으로 이동하여 위젯을 열고 좌절 추적 탭으로 이동합니다.
  2. Freshmarketer 계정 이메일을 제공하거나 새 계정에 가입하고 좌절 추적 활성화를 클릭합니다.
    도움말 위젯에서 좌절 추적 활성화
  3. 고객 좌절을 추적하려는 최대 세 개의 URL(도메인)을 지정합니다.
  4. 헤더 메시지, 설명 및 양식 제출 메시지를 설정합니다.
    주변 텍스트에서 설명된 좌절 추적 설정.


좌절 추적을 활성화하면 세션 재생 도 활성화됩니다. 도움말 위젯에서 지원 양식을 제출한 좌절한 사용자의 메시지를 티켓으로 받고, 세션 재생을 통해 그들의 여정을 확인하여 격렬한 클릭의 원인을 더 잘 이해할 수 있습니다.

도움말 위젯을 구성한 후, 임베드 코드 탭을 사용하여 배포할 수 있습니다.


도움말 위젯 임베드 및 사용

임베드 코드 탭은 웹사이트에 위젯을 로드하는 스크립트를 보여줍니다. 여기에서 코드를 복사하여 웹사이트 코드에 삽입합니다.

웹사이트에 추가할 위젯 코드를 표시하는 임베드 코드 탭.


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

Freshdesk 지원 포털에 위젯 임베드

지원 포털에 도움말 위젯을 임베드하려면:

  1. Freshdesk에서 관리 > 채널 > 위젯으로 이동하여 위젯을 선택하고 임베드 코드 탭으로 이동합니다.
  2. 표시된 코드를 복사합니다.
  3. 관리 > 채널 > 포털로 이동하여 포털 위로 마우스를 가져가고 편집을 클릭합니다.
  4. 외관 탭을 클릭하고 현재 테마에 대해 테마 편집 을 클릭합니다.
  5. 페이지 탭을 클릭하고 레이아웃 섹션에서 푸터를 클릭합니다.
  6. 푸터 닫기 태그 전에 위젯 코드를 삽입하고 게시를 클릭합니다. 나타나는 대화 상자에서 게시를 확인합니다.

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

Shopify 웹사이트에 위젯 임베드

Shopify 웹사이트에 도움말 위젯을 임베드하려면:

  1. Freshdesk에서 관리 > 채널 > 위젯으로 이동하여 위젯을 선택하고 임베드 코드 탭으로 이동합니다.
  2. 표시된 코드를 복사합니다.
  3. Shopify 계정에 로그인하고 테마로 이동합니다.
  4. 사용자 정의 를 클릭하여 테마 편집기에 접근합니다.
  5. 테마 편집기 페이지에서 왼쪽 상단의 점 세 개 메뉴를 클릭하고 코드 편집을 선택합니다.
  6. 테마 코드 편집기 페이지에서 검색 상자를 사용하여 </> footer.liquid를 찾아 선택합니다.
  7. 페이지 오른쪽에서 코드 하단으로 스크롤하여 위젯 코드를 붙여넣고 저장을 클릭합니다.

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

WordPress 웹사이트에 위젯 임베드

WordPress 웹사이트에 도움말 위젯을 임베드하려면:

  1. Freshdesk에서 관리 > 채널 > 위젯으로 이동하여 위젯을 선택하고 임베드 코드 탭으로 이동합니다.
  2. 표시된 코드를 복사합니다.
  3. WordPress 계정에 로그인하고 플러그인으로 이동하여 새로 추가를 클릭합니다.
  4. Freshdesk (공식) 플러그인을 검색하고 지금 설치를 클릭합니다.
    • 플러그인 설치 중 오류가 발생하면 WordPress에 쓰기 권한이 있는지 확인하세요.
  5. 플러그인 설치 후, 플러그인 > 설치된 플러그인 으로 이동하여 Freshdesk 공식 아래에서 활성화 를 클릭합니다.
    • 활성화 후, Freshdesk가 툴바에 표시됩니다.
  6. Freshdesk 메뉴를 클릭하여 다음 옵션을 확인합니다:
    1. 이 WordPress 사이트에 도움말 위젯 표시. 이를 활성화하고 아래에 위젯 코드를 붙여넣고 변경 사항 저장을 클릭합니다.
    2. WordPress 댓글을 Freshdesk 티켓으로 변환. 자세히 알아보기.
    3. SSO 통합. 자세히 알아보기.

위젯 코드를 붙여넣고 변경 사항 저장을 클릭한 후, 고객이 웹사이트를 방문할 때 위젯이 표시됩니다.

Wix 웹사이트에 위젯 임베드

Shopify 웹사이트에 도움말 위젯을 임베드하려면:

  1. Freshdesk에서 관리 > 채널 > 위젯으로 이동하여 위젯을 선택하고 임베드 코드 탭으로 이동합니다.
  2. 표시된 코드를 복사합니다.
  3. Wix 계정에 로그인하고 설정 > 고급 설정 > 추적 및 분석으로 이동합니다.
  4. +새 도구 | </> 사용자 정의를 클릭하거나 시작 화면에서 </> 사용자 정의 를 클릭합니다.
  5. 나타나는 대화 상자에서 다음을 제공합니다:
    1. 위젯 임베드 코드를 붙여넣습니다.
    2. 내부 이름을 제공합니다.
    3. 모든 페이지 또는 특정 페이지에 위젯을 로드할지를 선택합니다. 모든 페이지에 대해 선택하려면 드롭다운에서 코드 한 번 로드 를 선택하는 것이 좋습니다.
    4. 본문 - 끝을 선택합니다.
    5. 설정을 검토하고 적용을 클릭합니다.

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

추가 도움이 필요하면 support@freshdesk.com으로 문의하세요.

이 문서가 도움이 되었나요?

Freshdesk AI 도우미

도움말 위젯 설정

AI 어시스턴트 초기화 중...