Change text of Submit a Request on your Help Center Follow

Question

I want to change the words "Submit a request" that links to the new request page in my Help Center. How can I edit this?

Answer

If you are only hoping to change the link text on your home page, replace the following code, found via General > Customize Design > Edit theme > Header,

{{link 'new_request' class='submit-a-request'}}

with

{{#link 'new_request' class='submit-a-request'}}Contact Us{{/link}}

Where Contact Us is the string you'd like displayed. Please note, this will only change the display of the link on the home page and not any breadcrumbs on your site. If you would like this text to be updated wherever it is displayed, please consider using Javascript or JQuery

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.
Have more questions? Submit a request

Comments

  • 0

    Could you provide a tad more detail on what we'd write to change this text on all pages of the HC site? I have enough skill to add something to the JS tab, but not enough skill to write it from scratch. 

  • 1

    Hey Kim!

    This has been discussed in a couple different places here in the community. I found this comment, which I think should work for you! 

  • 0

    The JS option is fairly simple, but you have to add a line depending on the selector for the text. Here is an example for the "Have more questions? Submit a request" inside articles.

    Go to the JS page under General > Customize Design > Edit theme > JS and add this:

    jQuery('div.article-more-questions a').html('Contact Us');

    or

    $('div.article-more-questions a').html('Contact Us');

    or

    $('div.article-more-questions a').text('Contact Us');

    after the first line of code that looks like this:

    $(document).ready(function() {

    So the first two lines would look like this:

    $(document).ready(function() {
     $('div.article-more-questions a').text('Contact Us');

    The easiest way to find the selector is to right click on something and choose "Inspect", or "Inspect element" in your browser.

    Edited by Alex Culligan
  • 0

    In lieu of having to use a JavaScript workaround, you could opt to replace the {{request_callout}} with something like:

    Have more questions? {{#link 'new_request'}}Contact Us{{/link}}

    If you are working in a localized Help Center, you can use dynamic content in place of both "Have more questions?" and "Contact Us" to make sure you are delivering your content appropriately.

Please sign in to leave a comment.

Powered by Zendesk