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

Answered

41 Comments

  • Andrea Saez
    Comment actions Permalink

    Hi Gerald,

    You can add the following to your JS tab

    // Change text 'Submit request'

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

    0
  • Leadtxtr
    Comment actions Permalink

    Andrea,

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

    0
  • Andrea Saez
    Comment actions Permalink

    I do what I can :)

    0
  • Naresh Kumar Padmanabhan
    Comment actions Permalink

    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
    Comment actions Permalink

    Hi Andrea,

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

    Thanks,

    Jeff O'Brien

    0
  • Joey
    Comment actions Permalink

    Hi Jeff!

     

    You will need to target that H1 header:

     

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

    0
  • Andrea Saez
    Comment actions Permalink

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

    0
  • Rozlynn White
    Comment actions Permalink

    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
    Comment actions Permalink

    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
    Comment actions Permalink

    @Rozlynn - glad you got it all sorted out.

    0
  • jacquelyn.mak
    Comment actions Permalink

    Hello,

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

    Thanks. :)

    0
  • Liz Rosen
    Comment actions Permalink

    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
    Comment actions Permalink

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

    0
  • Lisa Kaine
    Comment actions Permalink

    @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
    Comment actions Permalink

    @Lisa - the code below should work.

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

    0
  • Lisa Kaine
    Comment actions Permalink

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

    Lisa

    0
  • Wes Drury
    Comment actions Permalink

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

    1
  • Lisa Kaine
    Comment actions Permalink

    @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
    Comment actions Permalink

    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
    Comment actions Permalink

    @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
    Comment actions Permalink

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

    0
  • Chris
    Comment actions Permalink

    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
    Comment actions Permalink

    @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
    Comment actions Permalink

    @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
    Comment actions Permalink

    @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
    Comment actions Permalink

    Thanks for sharing that!

     

    0
  • Lisa Kaine
    Comment actions Permalink

    @SurveyCTO Support Team - did it work?

    0
  • Chris
    Comment actions Permalink

    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
    Comment actions Permalink

    For breadcrumbs I used 

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

    1
  • Scott Drapeau
    Comment actions Permalink

    Peter was right! Thanks, Peter!

    0

Post is closed for comments.

Powered by Zendesk