Change text of Submit a Request on your Help Center Follow

Comments

8 comments

  • Avatar
    Kim Graf

    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. 

  • Avatar
    Jessie Schutz

    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! 

  • Avatar
    Alex Culligan (Edited )

    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.

  • Avatar
    Jake Bantz

    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.

  • Avatar
    Heather R

    This is a great help, thanks -- the only place it doesn't work is on the Mobile version. No we don't use Copenhagan theme (yet) but how can we customize the "Submit a request" to "contact us" on both the full desktop version and the mobile version?

  • Avatar
    Jessie Schutz

    Hi Heather!

    If you have the Mobile Layout selected in your settings, this type of customization won't carry over unless you're using a responsive theme.

    The only way to accomplish this (until you change over to Copenhagen) would be to disable the Mobile Layout. This will make your full-size Help Center show up on a mobile device. 

  • Avatar
    John Kim (Edited )

    Hi @Jake Bantz 

    I want to place a dynamic content in our Help center's request page using JS but can't seem to.

    Any tips on how to do this?

    Got as so far as entering $("<p>Dyanmic content</p>").instertafter($("input#request_anonymous_requester_email"));

     

  • Avatar
    Jake Bantz

    Hi John,

    Dynamic Content does not render in the Javascript template, but you could put a script block somewhere in your template(s) like the Header or Document Head to declare a variable and set it equal to the Dynamic Content's text like:

    <script>
    var userText = "{{dc user_text}}"
    </script>

    I hope this idea helps!

Please sign in to leave a comment.

Powered by Zendesk