피드백 위젯 양식 미리 채우기

참고: 관리자 설정에서 피드백 위젯을 볼 수 없는 경우, 위젯과 피드백 양식을 사용할 수 있습니다. 피드백 위젯은 더 나은 기능을 제공하는 도움말 위젯의 사용 가능성으로 인해 단계적으로 중단되고 있습니다. 도움말 위젯 설정에 대한 도움이 필요하면 support@freshdesk.com으로 문의하십시오.

피드백 위젯은 원하는 웹사이트, 포털 또는 웹 페이지에 쉽게 설치할 수 있습니다. 이를 통해 고객이 지원 티켓을 쉽게 생성할 수 있으며, 지원에 더 쉽게 접근할 수 있습니다.

고객이 연락을 시도할 때 Freshdesk 피드백 위젯에 메타 정보를 미리 채울 수 있습니다. 위젯을 사용할 때마다 기존 데이터를 기반으로 고객의 이름, 이메일 주소 또는 관련 정보를 티켓 양식에 미리 채워 넣을 수 있습니다. 이를 통해 티켓을 빠르게 생성할 수 있습니다.

드롭다운, 중첩 필드, 체크박스 등 티켓 필드에 대한 기본값을 설정할 수도 있습니다.

티켓 양식 요소를 피드백 위젯에 전달하기

다음과 같이 추가하여 원하는 만큼의 티켓 양식 필드 값을 전달할 수 있습니다: helpdesk_ticket[fieldName]=fieldValue
모든 사용자에게 동일한 필드를 채우려면 정적 필드 값을 사용할 수 있으며, 웹 애플리케이션에서 사용하는 동일한 비즈니스 로직을 사용하여 데이터베이스에서 데이터를 전달할 수 있습니다.

기본 필드 전달하기

티켓 필드	사용 방법	Ruby on rails 예제
요청자 이메일 (로그인한 사용자의 이메일 주소)	helpdesk_ticket[requester]={{user.email}}	helpdesk_ticket[requester]=<% logged_in_user.email %>
티켓 제목	helpdesk_ticket[subject]={{ticket.subject}}	helpdesk_ticket[subject]=Order tracking

사용자 정의 필드 전달하기

다음과 같이 추가하여 피드백 위젯에 사용자 정의 필드 값을 전달할 수 있습니다 helpdesk_ticket[custom_field][fieldName]=fieldValue
사용자 정의 필드 이름에는 고유 식별 번호가 추가됩니다. 사용자 정의 필드의 fieldName을 식별하려면 '새 티켓' 페이지를 클릭하고 양식 요소 HTML을 검사하십시오.
- 힌트: 필드를 마우스 오른쪽 버튼으로 클릭하고 Chrome에서 '요소 검사'를 클릭하거나 Firefox에서 firebug를 사용하십시오.
이 사용자 정의 필드의 "name"에 있는 내용을 복사하십시오.

이제 이 코드를 원하는 값과 함께 피드백 위젯에 미리 채우도록 추가할 수 있습니다.

티켓 필드를 미리 채우는 빠른 가이드:

피드백 위젯 사용자 정의 설정 (위젯 사용자 정의 방법 알아보기)
기본 위젯 코드는 다음과 비슷하게 보일 것입니다:

이 코드를 편집기에 복사하여 필드를 자동으로 채우도록 수정할 수 있습니다. 예를 들어, 이 코드에서는 요청자의 이메일 주소, 티켓 제목, 요청자의 전화번호 및 제품 이름이 자동으로 채워지도록 설정되어 있습니다 (전화번호 및 제품 ID는 사용자 정의 티켓 필드입니다).

팝업 위젯의 경우:

< script type = "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] = {
	{
		user.subject
	}
} & helpdesk_ticket[custom_field][phone_number] = {
	{
		user.phone
	}
}
", "
utf8 ": "✓
", "
widgetType ": "
popup ", "
buttonType ": "
text ", "
buttonText ": "
Support ", "
buttonColor ": "
white ", "
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>
<style type = "text/css" media = "screen, projection" >  @import url(https: //assets.freshdesk.com/widget/freshwidget.css);
		</style>
<iframe title = "Feedback Form" 	class = "freshwidget-embedded-form" id = "freshwidget-embedded-form" src = "https://yourcompany.freshdesk.com/widgets/feedback_widget/new?&widgetType=embedded&screenshot=no&helpdesk_ticket[requester]={{user.email}};helpdesk_ticket[subject]={{user.subject}}"
		scrolling = "no"
		height = "500px"
		width = "100%"
		frameborder = "0" >
		</iframe>

이 새로운 코드를 웹사이트 또는 애플리케이션의 <body> 및 </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">
FreshWidget.init("", {"queryString": "&helpdesk_ticket[requester]={{user.email}}&helpdesk_ticket[subject]={{user.subject}}&helpdesk_ticket[custom_field][phone_number]={{user.phone}}&helpdesk_ticket[custom_field][product_id]={{helpdesk.product}}&disable[requester]=true&disable[custom_field][product_id]=true", "buttonText": "Support",
 "buttonColor": "white", "buttonBg": "#006063", "alignment": "4",
 "offset": "235px", "url": "https://yourcompany.freshdesk.com", 
"assetUrl": "https://yourcompany.freshdesk.com/widget"} );
</script>

이 코드를 팝업 피드백 위젯을 표시하려는 웹사이트 및 애플리케이션의 모든 페이지에 붙여넣으십시오.

미리 채운 필드를 비활성화한 후 위젯에 필드가 표시되는 샘플 스크린샷:

웹 애플리케이션에 대한 추가 지침:

React, Angular 또는 Ember와 같은 프레임워크를 기반으로 하는 애플리케이션에서 Freshdesk 피드백 위젯을 사용하려는 경우, 위젯의 코드와 함께 한 줄을 추가하여 인구가 제대로 작동하도록 해야 합니다. 이를 통해 웹 애플리케이션의 경우 이미 발생했을 창 로드를 기다리는 대신 위젯이 즉시 초기화됩니다.

{
    ...
    loadOnEvent: 'immediate'
}