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

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

노트: 관리자 설정에서 피드백 위젯을 볼 수 없는 경우 위젯피드백 양식을 사용할 수 있습니다. 피드백 위젯은 더 나은 기능을 갖춘 도움말 위젯의 출시로 인해 일괄적으로 폐지되고 있습니다. 도움말 위젯 설정에 도움이 필요하면 [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: '즉시'
}

아티클이 유용했나요?

훌륭합니다!

피드백을 제공해 주셔서 감사합니다.

도움이 되지 못해 죄송합니다!

피드백을 제공해 주셔서 감사합니다.

아티클을 개선할 수 있는 방법을 알려주세요!

최소 하나의 이유를 선택하세요
CAPTCHA 확인이 필요합니다.

피드백 전송

소중한 의견을 수렴하여 아티클을 개선하도록 노력하겠습니다.