# 도움말 위젯 설정하기 Freshdesk 도움말 위젯은 웹사이트와 지원 포털에 위치하는 작은 아이콘입니다. 이 도움말 위젯을 사용자 정의하여 솔루션 문서와 티켓 양식을 표시함으로써 완전한 고객 지원을 제공할 수 있습니다. Freshdesk 도움말 위젯에 대한 3개의 기사 중 첫 번째입니다: - 도움말 위젯 설정하기 - 도움말 위젯 API를 사용한 고급 구성 - 도움말 위젯에서 다국어 지원 이 문서에는 다음 내용이 포함되어 있습니다: - 도움말 위젯 생성하기 - 도움말 위젯 사용자 정의하기 - 도움말 위젯에서 연락처 양식 구성하기 - 도움말 위젯에서 솔루션 문서 표시하기 - 도움말 위젯의 외관 탭 - 도움말 위젯의 불만 추적 탭 도움말 위젯 임베드 및 사용하기: - Freshdesk 지원 포털에 위젯 임베드하기 - Shopify 웹사이트에 위젯 임베드하기 - WordPress 웹사이트에 위젯 임베드하기 - Wix 웹사이트에 위젯 임베드하기 도움말 위젯의 기능: - 웹사이트나 제품에 솔루션 문서와 연락처 양식 임베드하기 - API를 사용하여 위젯 표시 시점 제어, 양식 사전 채우기, 특정 티켓 필드 비활성화, 사용자 행동에 따라 위젯 자동 열기 등 수행하기 - (Growth 플랜 이상) 브랜드에 맞게 외관 사용자 정의하기 - (Pro 플랜 이상) 웹사이트 페이지에 따라 문맥적 솔루션 문서 표시하기 - (Pro 플랜 이상) 불만을 가진 고객 추적 및 사전 지원 제공하기 ## 도움말 위젯 생성하기 첫 번째 위젯을 생성하려면: 1. 관리자 계정으로 Admin > Channels > Widgets로 이동하여 '새 위젯 생성'을 클릭합니다. 2. 대화 상자에서 위젯 이름을 지정하고, 지원 포털 중 하나에 추가한 후 '생성'을 클릭합니다. 위젯이 생성되면 위젯 설정으로 이동하며, 다음과 같은 탭이 포함됩니다: - 일반: 위젯 텍스트 및 위젯에 표시되는 양식과 문서를 사용자 정의합니다. - 외관 (Growth 플랜 이상): 위젯 및 버튼의 색상, 패턴, 위치를 사용자 정의합니다. - 불만 추적 (Pro 플랜 이상): Freshmarketer의 불만 추적을 설정하여 위젯을 통해 자동 지원을 제공합니다. - 임베드 코드: 웹사이트나 제품에 임베드할 위젯 코드를 가져옵니다. 각 탭에서는 설정한 내용을 실시간으로 미리 볼 수 있습니다. 예를 들어, 다음 미리보기에는 사용자 정의된 외관과 배너 텍스트, 솔루션 문서 보기 및 추가 검색 옵션, 연락처 양식이 포함되어 있습니다. ## 도움말 위젯 사용자 정의하기 도움말 위젯의 대부분의 콘텐츠는 일반 탭에서 관리합니다. 이 탭에는 다음이 포함됩니다: - 배너 메시지 및 실행 버튼 텍스트 - 연락처 양식 표시 설정 - 솔루션 문서 표시 설정 ## 도움말 위젯에서 연락처 양식 구성하기 연락처 양식 토글을 활성화하면 여러 설정이 표시됩니다: - 간단한 연락처 양식 또는 티켓 필드가 있는 양식 - 간단한 연락처 양식을 선택하면 양식에는 이름, 이메일 주소, 제목, 설명의 4개 필드만 포함됩니다. - 티켓 필드가 있는 양식 표시를 선택하면 설정한 티켓 양식 중 하나를 선택할 수 있습니다. - 위젯에 여러 양식을 추가하면 사용자는 처음에 드롭다운 하나만 보게 되며, 양식을 선택하도록 요청받습니다. 양식 이름을 설명적으로 지정하고 드롭다운 자리 표시자를 사용하여 사용자에게 방향을 제공합니다. - 양식의 텍스트 필드: 선택한 양식에 관계없이 다음 텍스트를 사용자 정의할 수 있습니다: - 양식 제목 - 양식 제출 버튼 - 양식 확인 메시지 - 토글: - 고객이 최대 25MB의 총 크기로 최대 5개의 파일을 첨부할 수 있도록 허용 - 스팸 방지를 위한 캡차 활성화 - 고객이 스크린샷을 첨부할 수 있도록 허용: 사용자의 화면을 캡처하여 양식에 첨부할 수 있는 '스크린샷 찍기' 버튼이 양식에 나타납니다. - 사용자 검증: 로그인한 사용자에게만 위젯을 표시합니다. Authenticate API를 사용하여 고객을 인증할 수 있습니다. ## 도움말 위젯에서 솔루션 문서 표시하기 지식 베이스에 솔루션 문서를 생성한 경우, 웹사이트 어디에서나 셀프 서비스를 제공하기 위해 도움말 위젯에 표시할 수 있습니다. 솔루션 문서 토글을 활성화하면 표시할 문서 카테고리를 선택할 수 있는 필드가 나타납니다. 기본적으로 위젯은 이러한 카테고리에서 가장 많이 본 문서를 표시하지만, 고객은 다른 문서를 검색할 수 있습니다. 특정 고객 세그먼트에 제한된 문서가 있는 경우, Authenticate API를 사용하여 고객을 인증해야 합니다. Pro 플랜 이상에서는 특정 웹페이지에 특정 문서를 표시하여 문맥적 지원을 제공할 수 있습니다. 설정 방법은 다음과 같습니다: 1. 관리자 계정으로 Admin > Channels > Widgets로 이동하여 위젯을 선택하여 설정을 확인합니다. 2. 일반 탭에서 솔루션 문서 토글을 활성화합니다. 3. 위젯에 표시할 카테고리를 선택합니다. 4. 'URL 추가'를 클릭하고 나타나는 대화 상자에서 문맥적 문서를 구성합니다. 5. URL 또는 URL의 일부를 입력합니다. 예를 들어, 가격 페이지가 acme.com/pricing인 경우, 첫 번째 필드에 'pricing'을 추가할 수 있습니다. 6. URL과 관련된 솔루션 문서를 최대 5개까지 검색하여 선택합니다. 7. '추가'를 클릭합니다. 설정하려는 각 문맥에 대해 4단계와 하위 단계를 반복합니다. 마지막으로, 연락처 양식과 솔루션 문서를 모두 활성화한 경우, 두 가지 접근 방식 중 하나를 선택할 수 있습니다. - 중립적 접근: 검색 창과 솔루션 문서를 상단에 표시한 후, 연락처 양식 버튼을 표시합니다. - 방어적 접근: 연락처 양식을 숨깁니다. 고객은 먼저 질문을 검색하고 솔루션 문서를 읽어야 합니다. 문서를 '도움이 되지 않음'으로 표시하면 연락처 양식이 표시됩니다. ## 도움말 위젯의 외관 탭 유료 플랜에서는 브랜드에 맞게 도움말 위젯의 미관을 사용자 정의할 수 있습니다. 외관 탭에는 다음 설정이 포함됩니다: - 배너 색상 구성표 - 위젯 상단에 사용할 수 있는 그라데이션 또는 단색을 선택합니다. - 단색을 선택하면 색상을 지정하고 배너 텍스트에 검정 또는 흰색을 선택할 수 있습니다. - 배너에 멋을 더하기 위해 사용할 수 있는 패턴 중 하나를 선택할 수도 있습니다. - 위젯 위치 - 위젯을 웹사이트의 왼쪽 하단 또는 오른쪽 하단에 표시할지 선택합니다. - 오프셋 필드에서 코너로부터의 거리를 조정합니다. - 버튼 색상 - 실행 버튼과 위젯에서 양식을 제출하는 버튼의 색상을 선택합니다. - 버튼 텍스트에 검정 또는 흰색을 선택합니다. - 브랜드 제거: Admin >Account > Helpdesk Settings에서 Freshdesk 브랜딩을 비활성화할 수 있습니다. 이를 위해서는 유료 플랜을 사용해야 합니다. 도움말 위젯의 불만 추적 탭 분노 클릭은 짧은 시간 동안 이루어진 일련의 클릭을 의미합니다. 이는 버튼이나 링크가 제대로 작동하지 않을 때의 일반적인 사용자 행동입니다. Freshmarketer 계정이 있는 경우, 분노 클릭을 추적하고 사용자 정의 메시지와 지원 양식으로 도움말 위젯을 사전적으로 열 수 있도록 불만 추적을 설정할 수 있습니다. 불만 추적을 활성화하려면: Admin > Channels > Widgets로 이동하여 위젯을 열고 불만 추적 탭으로 이동합니다. Freshmarketer 계정 이메일을 제공하거나 새로 가입하고 불만 추적 활성화를 클릭합니다. 고객 불만을 추적하고자 하는 최대 세 개의 URL(도메인)을 지정합니다. 헤더 메시지, 설명, 양식 제출 메시지를 설정합니다. 불만 추적을 활성화하면 세션 재생도 활성화됩니다. 불만을 가진 사용자가 도움말 위젯에서 지원 양식을 제출하면, 해당 메시지가 티켓으로 접수되고 세션 재생을 통해 사용자의 경로를 확인하여 분노 클릭의 원인을 더 잘 이해할 수 있습니다. 도움말 위젯을 구성한 후에는 임베드 코드 탭을 사용하여 배포할 수 있습니다. 도움말 위젯 임베드 및 사용 임베드 코드 탭에서는 웹사이트에 위젯을 로드하는 스크립트를 보여줍니다. 이 코드를 복사하여 웹사이트 코드에 삽입하십시오. 임베딩 후 위젯 설정을 변경하면 위젯은 자동으로 즉시 새로운 변경 사항을 반영합니다. 다시 임베드할 필요가 없습니다. Freshdesk 지원 포털에 위젯 임베드 지원 포털에 도움말 위젯을 임베드하려면: Freshdesk에서 Admin > Channels > Widgets로 이동하여 위젯을 선택하고 임베드 코드 탭으로 이동합니다. 표시된 코드를 복사합니다. Admin > Channels > Portals로 이동하여 포털 위로 마우스를 올리고 편집을 클릭합니다. Appearance 탭을 클릭하고 현재 테마에 대해 테마 편집을 클릭합니다. Pages 탭을 클릭하고 레이아웃 섹션에서 Footer를 클릭합니다. 닫는 footer 태그 전에 위젯 코드를 삽입하고 게시를 클릭합니다. 나타나는 대화 상자에서 게시를 확인합니다. 고객이 지원 포털을 방문하면 위젯이 표시됩니다. Shopify 웹사이트에 위젯 임베드 Shopify 웹사이트에 도움말 위젯을 임베드하려면: Freshdesk에서 Admin > Channels > Widgets로 이동하여 위젯을 선택하고 임베드 코드 탭으로 이동합니다. 표시된 코드를 복사합니다. Shopify 계정에 로그인하고 테마로 이동합니다. 테마 편집을 클릭하여 테마 편집기에 접근합니다. 테마 편집기 페이지에서 왼쪽 상단의 점 세 개 메뉴를 클릭하고 코드 편집을 선택합니다. 테마 코드 편집기 페이지에서 검색 상자를 사용하여 footer.liquid를 찾아 선택합니다. 페이지 오른쪽에서 코드 하단으로 스크롤하여 위젯 코드를 붙여넣고 저장을 클릭합니다. 고객이 웹사이트를 방문하면 위젯이 표시됩니다. WordPress 웹사이트에 위젯 임베드 WordPress 웹사이트에 도움말 위젯을 임베드하려면: Freshdesk에서 Admin > Channels > Widgets로 이동하여 위젯을 선택하고 임베드 코드 탭으로 이동합니다. 표시된 코드를 복사합니다. WordPress 계정에 로그인하고 플러그인으로 이동하여 새로 추가를 클릭합니다. Freshdesk (Official) 플러그인을 검색하고 지금 설치를 클릭합니다. 플러그인 설치 중 오류가 발생하면 WordPress에 쓰기 권한이 있는지 확인하십시오. 플러그인을 설치한 후 플러그인 > 설치된 플러그인으로 이동하여 Freshdesk Official 아래에서 활성화를 클릭합니다. 활성화 후 Freshdesk가 툴바에 표시됩니다. Freshdesk 메뉴를 클릭하여 다음 옵션을 확인합니다: 이 WordPress 사이트에 도움말 위젯 표시. 이를 활성화하고 아래에 위젯 코드를 붙여넣고 변경 사항 저장을 클릭합니다. WordPress 댓글을 Freshdesk 티켓으로 변환. 자세히 알아보기. SSO 통합. 자세히 알아보기. 위젯 코드를 붙여넣고 변경 사항 저장을 클릭하면 고객이 웹사이트를 방문할 때 위젯이 표시됩니다. Wix 웹사이트에 위젯 임베드 Shopify 웹사이트에 도움말 위젯을 임베드하려면: Freshdesk에서 Admin > Channels > Widgets로 이동하여 위젯을 선택하고 임베드 코드 탭으로 이동합니다. 표시된 코드를 복사합니다. Wix 계정에 로그인하고 설정 > 고급 설정 > 추적 및 분석으로 이동합니다. +새 도구 | 사용자 정의를 클릭하거나 시작 화면에서 사용자 정의를 클릭합니다. 나타나는 대화 상자에서 다음을 제공합니다: 위젯 임베드 코드를 붙여넣습니다. 내부 이름을 제공합니다. 모든 페이지에 위젯을 로드할지 특정 페이지에 로드할지 선택합니다. 모든 페이지에 로드하려면 드롭다운에서 코드 한 번 로드를 선택하는 것이 좋습니다. Body - 끝을 선택합니다. 설정을 검토하고 적용을 클릭합니다. 고객이 웹사이트를 방문하면 위젯이 표시됩니다. 추가 도움이 필요하면 support@freshdesk.com으로 문의하십시오.