How can I change "Submit a Request" text when customizing Help Center?

Answered

41 Comments

  • Andrea Saez

    Hi Gerald,

    You can add the following to your JS tab

    // Change text 'Submit request'

    $('.user-nav .submit-a-request').html(' Submit a Ticket');

    -1
  • Leadtxtr

    Andrea,

    You're awesome! Thank you for such a quick response!

    0
  • Andrea Saez

    I do what I can :)

    0
  • Naresh Kumar Padmanabhan

    Hi ,

     

    How to link "New Request page" to a button in "Home page " of a Help Center ?

    And can we modify Form "New Request page"

     

    Thanks in advance 

    0
  • Jeff O'Brien

    Hi Andrea,

    How do you change the "Submit a Request" text in the other areas of Zendesk:

    Thanks,

    Jeff O'Brien

    0
  • Joey

    Hi Jeff!

     

    You will need to target that H1 header:

     

    $("h1:contains('Submit a request')").text("Your Text Here");

    0
  • Andrea Saez

    thx for getting that Joseph :) @Jeff that should work^

    0
  • Rozlynn White

    Neither of the suggested changes are working in my HC. 

    From my HC, I'm going to Customize Design, then Edit Theme. On the JS tab I've tried both suggestions:

    $('.user-nav.submit-a-request').html('Contact Us');

    $("h1:contains('Submit a request')").text("Your Text Here");

    I've also tried several other variations... Double quotes, underscores instead of hyphens.

     

    0
  • Rozlynn White

    Just heard back from Zendesk Support.

    The JavaScript code that should be used [for the top nav] is the following:

    $('.submit-a-request').html('Contact Us');

    0
  • Wes Drury

    @Rozlynn - glad you got it all sorted out.

    0
  • jacquelyn.mak

    Hello,

    How do I add subtext right under the "Submit a Request" header text?

    Thanks. :)

    0
  • Liz Rosen

    Huh...  I can't get it to work with what @Rozlynn suggested.  Tried both:

    // Change text 'Submit request'
    $('.user-nav .submit-a-request').html('Contact Support');

    and

    // Change text 'Submit a request'
    $('.submit-a-request').html('Contact Support');

    then I click "preview" and it still says "Submit a Request"

    any other suggestions?!  Thanks!

    0
  • Wes Drury

    @Liz - Did you get everything figured out or are you still needing some help.

    0
  • Lisa Kaine

    @wes I'm having the same problem except 

    $("h1:contains('Submit a request')").text("Your Text Here");

    works fine.

    I just need the navbar/user-nav 'Submit a Request' link text to change to 'Request a Service'

    many thanks

    Lisa

    0
  • Wes Drury

    @Lisa - the code below should work.

    $('a.submit-a-request').text("Request a Service");

    0
  • Lisa Kaine

    @wes sorry no luck either - does it matter where I put the code? I just put it at the end...

    Lisa

    0
  • Wes Drury

    @Lisa - yes it does matter where you place the code.  Please put the code right under the $(.document.ready) function

    1
  • Lisa Kaine

    @wes I'm so sorry to do this but no good either - I contacted our Zendesk help desk and they referred me back to your comment with the code lol!! So I hope you don't mind but I'm going to post the code here in case you have the time to see where I have made mistakes... I thank you so much for your help.

    I work for a NSW Government Department in Sydney just to let you know a bit of background...

    Lisa

     Here is the code...

    /*
    * jQuery v1.9.1 included
    */

    $(document).ready(function() {
    $('.submit-a-request').html('Contact Support');

    // social share popups
    $(".share a").click(function(e) {
    e.preventDefault();
    window.open(this.href, "", "height = 500, width = 500");
    });

    // toggle the share dropdown in communities
    $(".share-label").on("click", function(e) {
    e.stopPropagation();
    var isSelected = this.getAttribute("aria-selected") == "true";
    this.setAttribute("aria-selected", !isSelected);
    $(".share-label").not(this).attr("aria-selected", "false");
    });

    $(document).on("click", function() {
    $(".share-label").attr("aria-selected", "false");
    });

    // show form controls when the textarea receives focus or backbutton is used and value exists
    var $answerbodyTextarea = $(".answer-body textarea"),
    $answerFormControls = $(".answer-form-controls"),
    $commentContainerTextarea = $(".comment-container textarea"),
    $commentContainerFormControls = $(".comment-form-controls");

    $answerbodyTextarea.one("focus", function() {
    $answerFormControls.show();
    });

    $commentContainerTextarea.one("focus", function() {
    $commentContainerFormControls.show();
    });

    if ($commentContainerTextarea.val() !== "") {
    $commentContainerFormControls.show();
    }

    if ($answerbodyTextarea.val() !== "") {
    $answerFormControls.show();
    }

    // Submit requests filter form in the request list page
    $("#request-status-select, #request-organization-select")
    .on("change", function() {
    search();
    });

    // Submit requests filter form in the request list page
    $("#quick-search").on("keypress", function(e) {
    if (e.which === 13) {
    search();
    }
    });

    function search() {
    window.location.search = $.param({
    query: $("#quick-search").val(),
    status: $("#request-status-select").val(),
    organization_id: $("#request-organization-select").val()
    });
    }

    // Submit organization form in the request page
    $("#request-organization select").on("change", function() {
    this.form.submit();
    });

    });
    /*
    * jQuery v1.9.1 included
    */

    $(document).ready(function() {

    // customisation, added by glen 7 Dec 2015
    // hide the form selection pulldown
    if (window.location.search.indexOf("ticket_form_id") > -1){
    $(".request_ticket_form_id").hide();
    }

    // social share popups
    $(".share a").click(function(e) {
    e.preventDefault();
    window.open(this.href, "", "height = 500, width = 500");
    });

    // toggle the share dropdown in communities
    $(".share-label").on("click", function(e) {
    e.stopPropagation();
    var isSelected = this.getAttribute("aria-selected") == "true";
    this.setAttribute("aria-selected", !isSelected);
    $(".share-label").not(this).attr("aria-selected", "false");
    });

    $(document).on("click", function() {
    $(".share-label").attr("aria-selected", "false");
    });

    // show form controls when the textarea receives focus or backbutton is used and value exists
    var $answerbodyTextarea = $(".answer-body textarea"),
    $answerFormControls = $(".answer-form-controls"),
    $commentContainerTextarea = $(".comment-container textarea"),
    $commentContainerFormControls = $(".comment-form-controls");

    $answerbodyTextarea.one("focus", function() {
    $answerFormControls.show();
    });

    $commentContainerTextarea.one("focus", function() {
    $commentContainerFormControls.show();
    });

    if ($commentContainerTextarea.val() !== "") {
    $commentContainerFormControls.show();
    }

    if ($answerbodyTextarea.val() !== "") {
    $answerFormControls.show();
    }

    // Submit requests filter form in the request list page
    $("#request-status-select, #request-organization-select")
    .on("change", function() {
    search();
    });

    // Submit requests filter form in the request list page
    $("#quick-search").on("keypress", function(e) {
    if (e.which === 13) {
    search();
    }
    });

    function search() {
    window.location.search = $.param({
    query: $("#quick-search").val(),
    status: $("#request-status-select").val(),
    organization_id: $("#request-organization-select").val()
    });
    }

    // Submit organization form in the request page
    $("#request-organization select").on("change", function() {
    this.form.submit();
    });

    $("h1:contains('Submit a request')").text("Request a Service");


    });

    0
  • Wes Drury

    You may have something wrong with your code.  To test this remove all the code except for the $(document.ready function and the end });

    Add that one piece of code and "Preview your theme".  Don't "Save" and "Don't Publish".  See if that worked and then hit "Cancel" and it will default everything back like it was.

    Also is your Help Center public or can you provide the URL.

    0
  • Lisa Kaine

    @Wes would I be able to have an email that is best for me to send you this?

    Or is here best?

    Many thanks

    Lisa

    0
  • Lisa Kaine

    @wes - I just found out it's not public so we will try our Zendesk support team here in Australia

    0
  • Chris

    For what it's worth, none of these options work for us and our help center either. We're desperately flailing about, trying to change "request" to "ticket", which we think that our users will much more readily understand. We figure we're something like user 603 to want to make this kind of change, and we're a bit blown away that it's not straightforward.

    In any case, we've tried:

    $('.submit-a-request').text("Open a ticket");

    And all of the other variations described above. None of them change the text inside {{breadcrumbs}}, which is quite important as you might imagine.

    Any suggestions would be welcome!

    0
  • Wes Drury

    @SurveyCTO - What theme are you using and can you post the link to your Help Center so that I can give you the exact code.

    0
  • Chris

    @wes Thanks for the reply. We are using a customized version of "Swiftest Elk".

    However, we have a closed HC w/ SSO -- and we just made the very painful 23rd-hour decision to give up on renaming "requests" to "tickets". We'd figured out how to replace 95% of "request" language, but we could never quite get to 100%. Search bars have help text, new follow-up tickets have subjects that default to "Follow-up request...", breadcrumbs, etc., etc., etc. The language is everywhere, and we were having to go to such lengths to mop it all up... and, even if we were successful today, we were afraid that over the coming weeks and months Zendesk would be adding that language into forms and labels and tooltips and we'd find it creeping back in at every turn. Rather than fight it for the rest of our lives, constantly beating back "request" and renaming to "ticket", we thought we'd just surrender. We're close to launch and it was a tough call.

    Particularly since the language was clearly "ticket"-based in the past, we are surprised that Zendesk didn't make this more fundamentally (and easily) configurable. It's puzzling.

    But thanks again for your willingness to help. If you can figure out the general code that works, I'm sure that others would benefit..!

    0
  • Lisa Kaine

    @SurveyCTO Support Team We ended up using this code:

    $("a:contains('Whatever it says')").text("What you want it to say");

     

    and it worked! we put the code straight after the:

    $(.document.ready) function

     

     

    1
  • Chris

    Thanks for sharing that!

     

    0
  • Lisa Kaine

    @SurveyCTO Support Team - did it work?

    0
  • Chris

    No, I have to admit, we've been glad that we gave up the battle to change the default Zendesk language. It seemed like a losing battle, and even this fix would only have caught the website stuff -- not little things in emails (e.g., the subject line when cc's are added to a "request"). We spent a lot of time customizing our Help Center, but then the "mobile view" bypassed a lot of it, little email things here and there undercut our preferred language, and generally we didn't want to spend our lives finding and fixing additional references. After all, since Zendesk is always adding/extending, we thought, "Even if we can patch 100% of references today, what about tomorrow, next week, next month?" We figured that Zendesk-default language would just keep creeping back in, whatever we did. So we surrendered.

    If Zendesk were clearly committed to allowing customers to control the language of these customer-facing interactions, then I might have kept up the fight. But it seemed too much like the core Zendesk development team was simply not on board with providing clear, transparent customization of language like "ticket" vs. "request". It felt too much like we were having to rely on hack after hack.

    I'm frankly surprised that Zendesk hasn't had to do a better job of providing and supporting this level of customizability. But they obviously have to prioritize their efforts, like everybody else, and so maybe core platform features and stability (network stability?) have ranked higher.

    3
  • Peter Haller

    For breadcrumbs I used 

    $("li:contains('Submit a request')").text("Submit a Support Request");

    1
  • Scott Drapeau

    Peter was right! Thanks, Peter!

    0

Post is closed for comments.

Powered by Zendesk