How to change the name of the "subject" field in the ticket forms?

Hi Marci,

You should be able to change the Subject field label in the Admin > Manage > Ticket Fields:

Find the Subject field and Edit it:

Then change the "Title shown to end users" field:

That should do it.

O....M....G...... This is nuts! Yes, that worked. Hah! 

But what the heck....I have read and been told repeatedly -- even by Zendesk support staff -- that this is a system field that cannot be altered. 

Well...problem solved!! Thank you.

Hey @Marci Abraham,

Our mods are pretty incredible like that, and @Simon Celen is no exception! Glad you were able to find a solution in the Community, and thanks for posting such a well thought out question for other users to learn from!

Hi Devan,

How can you make "Title shown to end users" appear different on other forms? i.e.

Form 1: Subject = Topic of your request

Form 2: Subject = Issue

Form 3: Subject = Short Summary

Thanks,

Louis

Hey @Louis Evangelista

Where are you presenting your forms to your end-users? On your Help Center or the Web Widget? Or both?

On the Help Center you're able to change this text with a little bit of coding.

$( document ).ready(function() {
    //Store the ticket form ID
    const ticketForm = location.search.split("ticket_form_id=")[1];

   //Create if statement for each of your forms
   if (ticketForm == FORM_ID_HERE) {

       //Change the subject label text
       $(".request_subject #request_subject_label").text("Add your desired Subject text for the specific form here");

   }
});

If you're using Copenhagen Theme with the v2 framework, you need to add a reference for jQuery in the document_head.hbs template in order for the above snippet to work.

I don't believe it's possible to change the Subject label in the Web Widget though.

This worked for me! Thank you for sharing!

@Simon Blouner Is it possible to also do this for the "Attachments (optional)" field?

Hey @Grant Foster

You sure can!

It's all about locating where to change the text in the DOM.

For the "Attachments (optional)" the code would look like this:

$( document ).ready(function() {
//Store the ticket form ID
const ticketForm = location.search.split("ticket_form_id=")[1];

//Create if statement for each of your forms
if (ticketForm == FORM_ID_HERE) {

//Change Upload Label
$("#upload-dropzone").prev("label").text("Add something here")
}
});

You can leave out the if check for formid if this is not relevant for you :-)

Awesome that works perfectly, thanks Simon. Was just the upload-dropzone stuff I was missing.

Just for future reference if someone stumbles on this using the code above, you can substitute out the last line for //Change Upload Label with the below to change the subject, description or attachment label/titles

//Change the subject label text
       $(".request_subject #request_subject_label").text("Add your desired Subject text for the specific form here")

//Change the description label text
       $(".request_description #request_description_label").text("Add your desired Description text for the specific form here")

//Change the attachment label text
       $("#upload-dropzone").prev("label").text("Add your desired Attachment text for the specific form here")

Hello, 

I have a similar request, I am looking to add a 'hint' to my subject for one specific form. Can anyone tell me how to do this? 
I have accomplished this for the description but cannot seem to find the correct syntax for the subject. 

I have tried replacing Description with subject and that didn't work. Also if anyone could point me to where I could find the correct syntax for future reference that would be appreciated.

Thanks in advance! 

// Description - Subtext

if(window.location.href.indexOf('XXXXXXXXXXXX') > -1){ // XXXXXXXXXXXX is the ticket id 
$("#request_description_hint").html('This is the custom hint for the description');
}

Hi @Jonathan Cavey - 

Try This

$(".request_subject").append('<p id="request_description_hint">This is the custom hint for the subject.</p>');

Thank you @Brandon Tidd, this worked perfectly! 

Do we know if it's also possible to change the name of the "CC" field too?

Hey, do you know if it's possible to change the"Name" field ?

In french we use "Name" for "Last Name" then when filling fields in the widget, customers just indicate their Last Name .. 

I wish we could just specify something like Complete Name or a description "Please indicate First name and last name"

Any thoughts on that ?

@simon24 is it possible to do this based on a field value?

ie.

if support issue = "document upload" then description title reads: "please attach documents"
& if support issue = "tech issue" then description title reads: "please provide screenshots of the issue"

I'm needing help, I used the code above to append to the subject description, but I would rather just have that old default description be hidden. What code would I need to do that?

Hey Lydia,

You should be able to edit this in the Admin Center > Ticket Fields > Subject, no code necessary!

Hope this helps!

Brandon

Hi Brandon, thank you for letting me know! I'm needing the description to just be different for this one form, but otherwise want it the same across the board and am not sure how to do this. I really appreciate your help! 

ah ha! I was able to figure it out, I needed to filter it by the specific text for it to know what text to change. Code below: 

if (ticketForm == 26011737489683) {
         
          //Change the description for the subject field
          $("#request_subject_hint").filter(":contains('former text here')").text("new text here");

  }

Glad to see you figured it out @lydia16 - and thanks for sharing it back here!

Hi @brandon12

On a related note... how do I edit/remove the Ticket Form Title?

When inspecting the page I can achieve this by altering the code, but can't work out where to put this in my CSS etc. Thanks for any pointers!

Hey @matt70,

Two options here - make sure you have jQuery installed:

Option 1: 

var ticketFormName = $('#request_issue_type_select').find(':selected').text();
var $ticketTicketTitleEl = $('.new-request-title').first();
if (ticketFormName) {
    $ticketTicketTitleEl.text(ticketFormName);
}

Option 2:

  $('section.main-column h1').html('Your Custom Title Here');

Hope this helps!

Brandon

Thanks a bunch @brandon12!
Whereabouts should I put that code? I've tried the usual places but nothing is changing for me :hmm