노트: 관리자 설정에서 피드백 위젯을 볼 수 없는 경우 위젯과 피드백 양식을 사용할 수 있습니다. 피드백 위젯은 더 나은 기능을 갖춘 도움말 위젯의 출시로 인해 일괄적으로 폐지되고 있습니다. 도움말 위젯 설정에 도움이 필요하면 [email protected]로 문의하시기 바랍니다.
피드백 위젯는 웹사이트, 포털 또는 원하는 모든 웹 페이지에 쉽게 설치할 수 있습니다. 이를 통해 고객이 지원 티켓을 쉽게 만들 수 있으며, 지원팀의 지원 접근성을 높일 수 있습니다.
고객이 연락을 시도할 때 Freshdesk 피드백 위젯에 메타 정보를 미리 채울 수 있습니다. 고객이 위젯을 사용할 때마다 기존 데이터를 기반으로 고객의 이름, 이메일 주소 또는 일반적인 관련 정보를 티켓 양식에 미리 입력하도록 할 수 있습니다. 이렇게 하면 티켓을 빠르게 생성할 수 있습니다.
드롭다운, 중첩된 필드, 확인란 등의 티켓 필드에 기본값을 설정할 수도 있습니다.
피드백 위젯에 티켓 양식 요소 전달
- 추가하여 티켓 양식 필드 값을 얼마든지 전달할 수 있습니다: helpdesk_ticket[fieldName]=fieldValue
- 모든 사용자에게 동일한 필드를 채우려는 경우 정적 fieldValues를 입력하거나 웹 애플리케이션에서와 동일한 비즈니스 로직을 사용하여 데이터베이스의 데이터를 전달할 수 있습니다.
기본 필드 전달
티켓 필드 | 사용 방법 | 루비 온 레일 예제 |
요청자 이메일(로그인한 사용자의 이메일 주소) | helpdesk_ticket[요청자]={{사용자.이메일}} | helpdesk_ticket[요청자]=<% logged_in_user.이메일 %> |
티켓 제목 | helpdesk_ticket[subject]={{ticket.subject}} | helpdesk_ticket[subject]=주문 추적 |
맞춤형 필드 전달
- helpdesk_ticket[custom_field][fieldName]=fieldValue
- 사용자 지정 필드 이름에 고유 식별자 번호가 추가됩니다. 사용자 지정 필드의 필드 이름을 식별하려면 '새 티켓' 페이지를 클릭하고 양식 요소 HTML.
- 을 살펴보세요: 0px 0px 0px 40px; 여백: 8px 0px 4px; 목록 스타일: 원판 바깥쪽; 줄 높이: 17px;">
- Hint: Chrome에서는 필드를 마우스 오른쪽 버튼으로 클릭하여 '요소 검사'를 누르거나 Firefox에서는 파이어버그를 사용하세요.
- 이 사용자 정의 필드 '이름'의 내용을 복사합니다.
- 이 코드를 피드백 위젯에서 이 필드에 미리 입력하려는 값과 함께 추가할 수 있습니다.
티켓 필드 미리 채우기에 대한 빠른 가이드:
- 피드백 위젯 사용자 지정 설정(위젯 사용자 지정 방법 알아보기)
- 기본 위젯 코드는 다음과 같이 표시됩니다.
- 에디터에서 이 코드를 복사하여 필드를 자동으로 채우도록 수정할 수 있습니다. 예를 들어 이 코드에서는 요청자의 이메일 주소, 티켓 제목, 요청자의 전화번호 및 제품 이름이 자동 입력되도록 설정되어 있습니다(전화번호 및 제품 ID는 사용자 지정 티켓 필드입니다).
팝업 위젯의 경우:
< 스크립트 유형 = "text/javascript"
src = "https://assets.freshdesk.com/widget/freshwidget.js" < < /script>< script type="text/javascript
"> FreshWidget.init("
", {"
queryString ":" & helpdesk_ticket[requester] = {
{
user.email
}
} & helpdesk_ticket[subject] = {
{
사용자.subject
}
} & helpdesk_ticket[custom_field][phone_number] = {
{
사용자.전화
}
}
", "
utf8 ": "✓
", "
위젯 유형 ":"
팝업 ","
버튼 유형 ": "
text ","
buttonText ":"
Support ","
buttonColor ": "
흰색 ","
buttonBg ":"
#006063", "alignment": "4", "offset": "235px", "formHeight": "500px", "url": "https://yourcompany.freshdesk.com"} );</script>
주: 팝업 위젯은 더 나은 기능을 갖춘 헬프 위젯이 제공됨에 따라 단계적으로 폐지되고 있습니다. 도움말 위젯에서 필드를 미리 채우는 방법은 여기에서 필드를 미리 채우는 방법을 알아볼 수 있습니다.
임베디드 위젯의 경우:
<script type = "text/javascript" src = "https://assets".freshdesk.com/widget/freshwidget.js" < < /script&t;
<style type = "text/css" media = "화면, 프로젝션" < @import url(https: //assets.freshdesk.com/widget/freshwidget.css);
</style>
<iframe title = "피드백 양식" class = "freshwidget-embedded-form" id = "freshwidget-embedded-form" src = "https://yourcompany".freshdesk.com/widgets/feedback_widget/new?&widgetType=embedded&screenshot=no&helpdesk_ticket[요청자]={{사용자.이메일}};helpdesk_ticket[제목]={{사용자.subject}}"
scrolling = "no"
height = "500px"
width = "100%"
frameborder = "0" >
</iframe>
- 웹사이트나 애플리케이션에서 이 새 코드를 '본문'과 '/body' 사이에 붙여넣으세요; 태그
사전 입력된 필드 비활성화
피드백 위젯에서 미리 입력하는 필드를 비활성화하여 티켓 요청자가 그 값을 변경할 수 없도록 할 수 있습니다. 예를 들어 티켓 양식에 고객이 편집하지 못하도록 하려는 위치라는 사용자 지정 필드가 있을 수 있습니다. 이 경우에는 위젯 코드를 조정하여 위치 필드를 비활성화할 수 있습니다. 필드가 기본 필드인지 사용자 지정 필드인지에 따라 '&disable[fieldName]=true' 또는 '&disable[custom_field][fieldName]=true'를 추가하면 됩니다.
이 코드에서는 'requester' 및 'product_id' 필드가 비활성화되어 있습니다.
<script type="text/javascript" src="https://assets.freshdesk.com/widget/freshwidget.js"</script<<script type="text/javascript"&t;<; FreshWidget.init("", {"queryString": "&helpdesk_ticket[요청자]={{사용자.이메일}}&helpdesk_ticket[제목]={{사용자.제목}}&helpdesk_ticket[custom_field][전화 번호]={{사용자.전화}}&헬프데스크 티켓[사용자 지정 필드][제품 ID]={{helpdesk.product}}&disable[요청자]=true&disable[사용자 지정 필드][제품 ID]=true", "buttonText": "지원", "buttonColor": "흰색", "buttonBg": "#006063", "정렬": "4", "오프셋": "235px", "url": "https://yourcompany.freshdesk.com", "assetUrl": "https://yourcompany.freshdesk.com/widget"} ); </script>
팝업 피드백 위젯을 표시하려는 웹사이트 및 애플리케이션의 모든 페이지에 이 코드를 붙여넣으세요.
사전 입력 필드를 비활성화할 때 위젯에 표시되는 필드 샘플 스크린샷:
웹 애플리케이션에 대한 추가 지침:
React, Angular 또는 Ember와 같은 프레임워크 기반 애플리케이션에서 Freshdesk 피드백 위젯을 사용하려면 위젯의 코드와 함께 인구가 제대로 작동하고 있다는 줄을 포함시켜야 합니다. 이렇게 하면 웹 애플리케이션의 경우 이미 발생했을 창.load를 기다리지 않고 위젯이 즉시 초기화됩니다.
{
...
loadOnEvent: '즉시'
}
피드백 위젯는 웹사이트, 포털 또는 원하는 모든 웹 페이지에 쉽게 설치할 수 있습니다. 이를 통해 고객이 지원 티켓을 쉽게 만들 수 있고 지원팀에 더 쉽게 접근할 수 있습니다.
고객이 연락을 시도할 때 Freshdesk 피드백 위젯에 메타 정보를 미리 입력할 수 있습니다. 고객이 위젯을 사용할 때마다 기존 데이터를 기반으로 고객의 이름, 이메일 주소 또는 일반적인 관련 정보를 티켓 양식에 미리 입력하도록 할 수 있습니다. 이렇게 하면 티켓을 빠르게 만들 수 있습니다.
드롭다운, 중첩 필드, 체크박스 등의 티켓 필드에 대한 기본값을 설정할 수도 있습니다.
피드백 위젯에 티켓 양식 요소 전달
- 첨부를 통해 티켓 양식 필드 값을 얼마든지 전달할 수 있습니다: helpdesk_ticket[fieldName]=fieldValue
- 모든 사용자에게 동일한 필드를 채우려는 경우 정적 fieldValue를 입력하거나 웹 애플리케이션에서와 같은 비즈니스 로직을 사용하여 데이터베이스의 데이터를 전달할 수 있습니다.
기본 필드 전달
티켓 필드 | 사용 방법 | 루비 온 레일의 예 |
요청자 이메일(로그인한 사용자의 이메일 주소) | helpdesk_ticket[requester]={{사용자.이메일}} | helpdesk_ticket[요청자]=<% logged_in_user.이메일 %> |
티켓 제목 | 헬프데스크_ticket[subject]={{ticket.subject}} | helpdesk_ticket[subject]=주문 추적 |
사용자 지정 필드 전달
- 피드백 위젯에서 사용자 지정 필드 값을 전달할 수도 있습니다identifyelement="742">helpdesk_ticket[custom_field][fieldName]=fieldValue
- 사용자 지정 필드 이름에 고유 식별자 번호가 추가된다는 점에 유의하세요. 사용자 지정 필드의 필드 이름을 식별하려면 "새 티켓" 페이지를 클릭하고 양식 요소 HTML을 검사하세요.
- Hint: Chrome에서는 필드를 마우스 오른쪽 버튼으로 클릭하고 "요소 검사"를 누르거나 Firefox에서는 파이어버그를 사용하세요.
- 이 사용자 정의 필드의 "이름"에 내용을 복사합니다.
- 이 코드를 피드백 위젯에서 이 필드에 미리 채우려는 값과 함께 추가할 수 있습니다.
티켓 필드 미리 채우기에 대한 빠른 가이드입니다:
- 피드백 위젯 사용자 지정 설정 (위젯 사용자 지정 방법 알아보기)
- 기본 위젯 코드가 다음과 같이 보입니다:
- 에디터에서 이 코드를 복사하여 필드를 자동으로 채우도록 수정할 수 있습니다. 예를 들어 이 코드에서는 요청자의 이메일 주소, 티켓 제목, 요청자의 전화번호 및 제품 이름이 자동 입력되도록 설정되어 있습니다(전화번호 및 제품 ID는 사용자 지정 티켓 필드입니다).
팝업 위젯의 경우:
<스크립트 유형="text/javascript" src="https://assets.freshdesk.com/widget/freshwidget.js"</script> <스크립트 유형="텍스트/자바스크립트"> freshWidget.init("", {"queryString":"&helpdesk_ticket[요청자]={{사용자.이메일}}&helpdesk_ticket[제목]={{사용자.제목}}&helpdesk_ticket[custom_field][전화 번호]={{사용자.전화}}", "utf8": "✓", "위젯 유형": "팝업", "버튼 유형": "text", "buttonText": "지원", "buttonColor": "흰색", "buttonBg": "#006063", "alignment": "4", "오프셋": "235px", "formHeight": "500px", "url": "https://yourcompany.freshdesk.com"} ); </script>
임베드 위젯의 경우:
<스크립트 유형="text/javascript" src="https://assets.freshdesk.com/widget/freshwidget.js"></script> 스타일 유형="text/css" 미디어="화면, 프로젝션"> @import url(https://assets.freshdesk.com/widget/freshwidget.css); </style> iframe title="피드백 양식" class="freshwidget-임베디드 양식" id="freshwidget-임베디드 양식" src="https://yourcompany.freshdesk.com/widgets/feedback_widget/new?&widgetType=embedded&screenshot=no&helpdesk_ticket[요청자]={{user.email}}&helpdesk_ticket[제목]={{user.제목}}" scrolling="no" height="500px" width="100%" frameborder="0" > </iframe>
- 이 새 코드를 웹사이트 또는 애플리케이션의 <body&t; 및 </body&t; 태그 사이에 붙여넣으세요.
사전 입력된 필드 비활성화
피드백 위젯에서 미리 입력한 필드를 비활성화하여 티켓 요청자가 그 값을 변경할 수 없도록 할 수 있습니다. 예를 들어 티켓 양식에 고객이 편집하지 못하도록 하려는 위치라는 사용자 지정 필드가 있을 수 있습니다. 이 경우에는 위젯 코드를 조정하여 위치 필드를 비활성화할 수 있습니다. 필드가 기본 필드인지 사용자 지정 필드인지에 따라 '&disable[fieldName]=true' 또는 '&disable[custom_field][fieldName]=true'를 추가하기만 하면 됩니다.
이 코드에서는 '요청자' 및 'product_id' 필드가 비활성화되어 있습니다.
<script type="text/javascript" src="https://assets.freshdesk.com/widget/freshwidget.js"</script<<스크립트 유형="텍스트/자바스크립트"< FreshWidget.init("", {"queryString": "&helpdesk_ticket[요청자]={{사용자.이메일}}&helpdesk_ticket[제목]={{사용자.제목}}&helpdesk_ticket[custom_field][전화 번호]={{사용자.전화}}&헬프데스크 티켓[사용자 지정 필드][제품 ID]={{helpdesk.product}}&disable[요청자]=true&disable[사용자 지정 필드][제품 ID]=true", "buttonText": "지원", "buttonColor": "흰색", "buttonBg": "#006063", "정렬": "4", "오프셋": "235px", "url": "https://yourcompany.freshdesk.com", "assetUrl": "https://yourcompany.freshdesk.com/widget"} ); </script>
팝업 피드백 위젯을 표시하려는 웹사이트 및 애플리케이션의 모든 페이지에 이 코드를 붙여넣으세요.
사전 입력 필드를 비활성화하면 위젯에 필드가 표시되는 방식 샘플 스크린샷입니다:
웹 애플리케이션에 대한 추가 지침입니다:
React, Angular 또는 Ember 같은 프레임워크 기반 애플리케이션에서 Freshdesk 피드백 위젯을 사용하려면 위젯의 코드와 함께 인구가 제대로 작동하고 있다는 줄을 포함시켜야 합니다. 이렇게 하면 웹 애플리케이션의 경우 이미 발생했을 창.load를 기다리지 않고 위젯이 즉시 초기화됩니다.
{
...
loadOnEvent: '즉시'
}
아티클이 유용했나요?
훌륭합니다!
피드백을 제공해 주셔서 감사합니다.
도움이 되지 못해 죄송합니다!
피드백을 제공해 주셔서 감사합니다.
피드백 전송
소중한 의견을 수렴하여 아티클을 개선하도록 노력하겠습니다.