웹 위젯(클래식)을 사용하면 문의 양식에 표시되는 정보를 여러 가지 방법으로 사용자 지정할 수 있습니다. 이 문서에서는 다음 사용자 지정을 설명합니다.
- 웹 위젯(클래식)의 기본 문의 양식에 사용자 지정 티켓 필드 추가하기
- 기본 문의 양식 및 티켓 양식의 이름 필드 제거하기
- 기본 문의 양식 및 티켓 양식의 이름 필드를 필수 필드로 설정하기
- 웹 위젯(클래식)으로 다양한 티켓 양식 사용하기
이 문서에서 다루는 주제는 다음과 같습니다.
관련 문서:
기본 문의 양식에 사용자 지정 티켓 필드 추가하기
어느 Support 플랜에든 가입한 고객은 웹 위젯(클래식) 문의 양식에 하나, 둘, 또는 보여지는 모든 편집 가능한 사용자 지정 티켓 필드를 표시하도록 선택할 수 있습니다. 일부 사용량 플랜에서는 기본 문의 양식에 표시할 사용자 지정 티켓 필드를 원하는 만큼 여러 개 선택할 수 있습니다. 사용자 지정 티켓 필드에 대한 자세한 내용은 티켓과 지원 요청 양식에 사용자 지정 필드 추가하기를 참조하세요.
우선 순위 필드 등의 시스템 티켓 필드는 웹 위젯(클래식)에서 지원되지 않습니다. 헬프 센터에서 액세스할 때 기본 문의 양식 및 기타 모든 티켓 양식에 나타나지만 웹 위젯(클래식)에는 나타나지 않습니다. 리포팅 필드는 문의 양식에서가 아니라 티켓 양식을 사용하여 웹 위젯(클래식)에서 지원됩니다.
정규 표현식(Regex), 날짜 및 다중 선택 사용자 지정 필드는 웹 위젯(클래식)에서 사용할 수 없습니다.
기본 문의 양식에 사용자 지정 티켓 필드를 표시하려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서 채널을 클릭한 다음 클래식 > 웹 위젯을 선택합니다.
- 기본 사항 탭에서 문의 양식 확인란을 선택하고 사용자 지정 티켓 필드 드롭다운을 클릭합니다.
- 문의 양식에 표시할 사용자 지정 티켓 필드를 선택하거나 모두 선택을 선택합니다.
- 저장을 클릭합니다.
웹 위젯(클래식)에서 여러 티켓 양식 사용 설정하기
Zendesk Suite 또는 Support Enterprise 또는 Enterprise Plus 플랜의 경우 웹 위젯(클래식)에서 여러 티켓 양식을 사용할 수 있습니다. 목록 및 티켓 양식 작동 방법에 대한 일반적인 정보는 다양한 요청 유형을 지원하기 위한 티켓 양식 만들기를 참조하세요.
티켓 양식을 이용하여 고객의 요청 유형에 따라서 문의 양식에 표시할 필드를 사용자 지정할 수 있습니다. 이 기능이 작동하려면 두 개 이상의 티켓 양식이 만들어져 있어야 합니다.
웹 위젯(클래식)에서 티켓 양식을 사용 설정하려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서 채널을 클릭한 다음 클래식 > 웹 위젯을 선택합니다.
- 기본 사항 탭에서 문의 양식 확인란을 선택한 다음 티켓 양식 확인란을 선택합니다.
- 저장을 클릭합니다.
티켓 양식의 토글이 설정되어 있는 상태에서, 고객이 메시지 남기기 버튼을 클릭하면 모든 활성 티켓 양식 목록에서 필요한 양식을 선택하라는 메시지가 표시됩니다.
고객이 선택하면, 문의 양식에 해당 티켓 양식의 고유 필드가 표시됩니다.
웹 위젯(클래식)에서 필드 설명 사용자 지정하기
웹 위젯(클래식)의 기본 문의 양식에 사용자 지정 티켓 필드 및 해당 설명을 추가할 수 있습니다. 웹 위젯(클래식) 관리자 설정의 사용자 지정 티켓 필드 옵션에서 필드를 선택해야 표시됩니다.
그러나 우선 순위 필드 등의 시스템 필드는 웹 위젯(클래식)에서 지원되지 않는다는 점에 유의하세요. 이는 플랜 유형에 관계없이 헬프 센터에서 액세스할 때 기본 문의 양식 및 기타 모든 티켓 양식에 나타나지만 웹 위젯(클래식)에는 나타나지 않습니다.
모든 사용량 플랜에서 티켓 양식을 사용할 수 있는 것은 아닙니다. 가능한 플랜을 사용하는 경우에는 티켓 양식에 사용자 지정 필드 및 해당 설명을 포함할 수도 있습니다. 사용자 지정 티켓 필드 및 해당 설명을 표시하려면 웹 위젯(클래식) 설정에서 티켓 양식 옵션을 사용 설정해야 합니다.
티켓 필드 관리 페이지에서 티켓 필드 설명을 만들고 편집할 수 있습니다. 티켓 필드에 대한 자세한 내용은 티켓 필드에 대한 정보를 참조하세요.
필드 설명을 추가하려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서 개체 및 규칙을 클릭한 다음 티켓 > 필드를 선택합니다.
- 설명을 추가할 필드의 이름을 클릭합니다.
- 최종 사용자용 섹션에서 편집 가능을 클릭합니다.
- 필드에 대한 설명을 입력한 다음 필드 업데이트를 클릭합니다.
고급 사용자 지정: 상황별 티켓 양식
웹 위젯(클래식) JavaScript API의 zESettings 개체를 수정하면, 최종 사용자가 현재 보고 있는 웹 페이지를 기반으로 표시할 양식을 제한하여 사용자들에게 개인화된 경험을 제공할 수 있습니다. API로 작업하는 방법에 대한 내용은 웹 위젯(클래식)의 고급 사용자 지정을 참조하세요.
수정할 웹 페이지의 코드에서 표시하려는 티켓 양식의 ID 번호를 포함하도록 zESettings 개체를 업데이트합니다. 티켓 양식 관리자 페이지의 URL에 티켓 양식 ID 목록이 있습니다.
티켓 양식 ID 번호를 찾으려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서 개체 및 규칙을 클릭한 다음 티켓 > 양식을 선택합니다.
- 숨기고 싶은 양식 또는 독립형으로 사용할 양식의 이름을 클릭합니다.
- 주소 표시줄에 있는 양식 ID를 참고합니다.
다음 예를 활용해서 웹사이트 코드를 수정합니다.
하나의 티켓 양식을 표시하려면 다음과 같이 하세요.
<script type="text/javascript">
window.zESettings = {
webWidget: {
contactForm: {
ticketForms: [
{ id: ###### }
]
}
}
};
</script>
두 개의 티켓 양식을 표시하려면 다음과 같이 하세요.
<script type="text/javascript">
window.zESettings = {
webWidget: {
contactForm: {
ticketForms: [
{ id: ###### },
{ id: ###### }
]
}
}
};
</script>
zESettings 개체에 ID를 필요한 만큼 추가합니다.
고급 사용자 지정: 테스트 필드 미리 입력하기
새로운 설정을 사용해서 특정 필드를 미리 입력할 수 있습니다. 로캘 별로 다른 문자열을 사용하거나, 로캘에 별표(*)를 사용해서 모든 로캘에 하나의 문자열을 사용할 수 있습니다. 이것은 문의 양식 제목 등 기타 사용자 지정 가능한 텍스트 문자열과 유사합니다.
‘제목’ 및/또는 ‘설명’과 같은 시스템 필드를 미리 입력하려면, zESettings 개체를 다음과 같이 업데이트합니다.
예: 미리 입력된 설명 텍스트
다음 코드를 사용하세요.
<script type="text/javascript">
zESettings = {
webWidget: {
contactForm: {
fields: [
{ id: 'description', prefill: { '*': 'This is prefilled description text' } }
]
}
}
};
</script>
예: 미리 입력된 사용자 지정 필드
다음 코드를 사용하세요.
<script type="text/javascript">
zESettings = {
webWidget: {
contactForm: {
fields: [
{ id: #####, prefill: { '*': 'Desired text' } }
]
}
}
};
</script>
이 코드 블록에서 id: #####
는 사용자 지정 필드 식별자입니다.
모든 양식에서 항상 특정 필드를 미리 입력하도록 설정하거나 특정 양식에서만 별도로 미리 입력하도록 설정할 수 있습니다.
코드 예: 서로 다른 양식의 동일한 필드에 각기 다른 텍스트
<script type="text/javascript">
window.zESettings = {
webWidget: {
contactForm: {
ticketForms: [
{
id: ###TicketFormID###,
fields: [
{
id: 'description',
prefill: {
'*': description
}
}
]
},
{
id: ###TicketFormID###,
fields: [
{
id: 'description',
prefill: {
'*': 'different description'
}
}
]
}
]
}
}
};
</script>