헬프 센터에서 고객에게 관련 티켓 양식만 제시하여 맞춤화된 지원 환경을 만드세요. 이 튜토리얼에서는 사용자의 조직에 따라 특정 티켓 양식을 숨기는 방법을 알아봅니다.
워크플로우에는 아래 단계가 포함됩니다.
인증되지 않은 사용자나 조직이 없는 사용자에게는 이 워크플로우가 적용되지 않습니다. 이러한 사용자에게는 모든 양식이 표시됩니다.
테마가 Guide Templating V2를 사용하는 경우 jQuery를 가져와야 합니다. 자세한 내용은 jQuery 가져오기 또는 업그레이드하기 문서를 참조하세요.
1단계: 티켓 양식 ID 찾기
- 티켓 양식에서 적절한 티켓 양식을 엽니다.
- URL에서 마지막 슬래시 다음에 있는 ID 번호를 찾습니다.
2단계: 조직 이름 찾기
3단계: JavaScript 편집
테마가 Guide Templating V2를 사용하는 경우 jQuery를 가져와야 합니다. 자세한 내용은 jQuery 가져오기 또는 업그레이드하기 문서를 참조하세요. 코드는 DOMNodeInserted Mutation Event에 의존합니다. Chrome 및 Chromium의 최신 버전에서는 이 변형 이벤트에 대한 지원이 종료되었습니다. DOMNodeInserted를 지원하지 않는 브라우저와 호환되도록 하려면 Mutation Observer 안내에 따라 새 함수로 마이그레이션하세요.
- Guide의 사이드바에서 디자인 사용자 지정 아이콘()을 클릭합니다.
- 편집하려는 테마의 이름을 클릭합니다.
- 옵션 메뉴를 클릭하고 코드 편집을 선택한 다음
Script.js
를 선택합니다. - 아래의 코드 블록을 복사합니다.
$(document).ready(function() { var formID = 6502769669773; // Change this to the form ID you wish to remove var userOrgs = window.HelpCenter.user.organizations; var userOrgNames = userOrgs.map(org => org.name); if (!(userOrgNames.includes("ZENDESK"))) { // Specify the organization name here // If the user does not belong to the organization specified, remove the form option from the dropdown $('#request_issue_type_select option[value="' + formID + '"]').remove(); $('.nesty-panel').on('DOMNodeInserted', function(e) { $(this).children('ul').children().remove('#' + formID); }); } });
- 헬프 센터 코드의 JavaScript 기본서식에 코드를 붙여넣습니다.
-
formID = 6502769669773
변수를 숨기려는 티켓 양식 ID로 변경합니다. -
"ZENDESK"
를 티켓 양식을 표시하려는 조직 이름으로 변경합니다. - 사용자가 기본서식에서
;
및}
등의 모든 문자를 복사하지 않는 경우 코드가 페이지를 손상시킬 수 있습니다. - 기본서식을 저장하고 변경 내용을 게시합니다.
제공된 코드는 다른 조직을 위한 공간을 예약합니다. 추가 양식과 조직을 추가하려면 위의 if
문을 복사하여 아래의 기존 if
문에 배치하고, 티켓 양식 ID를 올바른 ID로 바꾸고 사용자가 있는지 확인하려는 조직으로 교체합니다. 원하는 티켓 양식과 조직에 대해 위 단계를 반복합니다.
지정된 조직을 제외한 모든 조직에서 한 티켓 양식을 표시하도록 코드 동작을 변경하려면 if
문에서 NOT
연산자 (!)
를 제거하세요.
for (var c in HelpCenter.user.organizations) {
if (HelpCenter.user.organizations[c].name !== "ZENDESK"){
$("#TICKT_FORM_ID").remove();
}if (HelpCenter.user.organizations[c].name !== "MYORG"){
$("#TICKET_FORM_ID2").remove();
}