How can I hide ticket forms based on a user's organization?

Question

How can I hide ticket forms based on a user's organization?

Answer

Disclaimer: This article is provided for instructional purposes only. Zendesk does not support or guarantee the code. Zendesk also can't provide support for third-party technologies such as JavaScript, jQuery, or CSS. Please post any issues you have in the comments section or try searching for a solution online.

To hide specific ticket forms based on the user's organization name, perform the following steps:

1. Find out the ticket form ID
2. Find out the organization name
3. Edit the JavaScript

Note: If your theme uses Guide Templating V2, jQuery will need to be imported. For full details, see the article: Importing or upgrading jQuery.

Step 1: Find the ticket form ID

1. Go to Admin Center, navigate to the Ticket Forms page, then select the appropriate ticket form.
2. Find the ID number in the URL after the last slash.
   

Step 2: Find the organization name

1. Go to Admin Center, navigate to the People page.
2. Browse or search for organizations to find the right organization name.

Step 3: Edit the JavaScript

1. In Guide, click the Customize design icon () in the sidebar. The Theme page opens.
2. Click the theme you want to edit to open it.
3. Click the options menu and select Edit Code and select script.js.
4. Copy the code block below.
   

   $(window).on('load', function() {
    var i = 0;
    var checkExist = setInterval(function() {
    i++;
    if ($("a.nesty-input").length){
    clearInterval(checkExist);
    $("a.nesty-input").each(function() {
    $(this).bind( "click", function() {
    for (var c in HelpCenter.user.organizations) {
    if (HelpCenter.user.organizations[c].name !== "ZENDESK"){
    $("#TICKET_FORM_ID").remove();
    } 
    
    //reserve space for additional organizations 
    }
    
    });
    });
    }
    if (i > 10){
    clearInterval(checkExist);
    }
    }, 100);
   });
   

5. Replace "TICKET_FORM_ID" with the actual ticket form ID.
6. Replace "ZENDESK" with the actual organization you want the ticket form to show for.
7. Paste the code into the JavaScript template of your Help Center code.
8. Save your template and publish changes.

The provided code reserves space for additional organizations. To add additional forms and organizations, copy the if statement above and place it under the existing if statement like below ensuring to replace the ticket form id with the correct one and the organization you want to check and see if the user is in.  Repeat this for however many ticket forms and organizations you want.

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();
 } 

Note: This workflow doesn't work for unauthenticated users or users who don't have an organization. For these users, all the forms will display.