Change text of Submit a Request on your Help Center (Guide Professional) Follow

Comments

18 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!

  • Avatar
    Clare P

    Hi,

    I have tried to change the wording 'Submit a request' to 'Make your booking' however it doesn't seem to work. Please see below:

    Any tips?

    Thanks,

  • Avatar
    Nitin Gopalani

    I am having the same problem as Clare P.  It does not seem to change the text when updating the code.

  • Avatar
    Jake Bantz

    Hi Clare and Nitin,

    Does the problem persist for you now? I just added this in the header of my test account, saved, and published, and my request link has changed to "Some new text" for both anonymous and end-users:

    {{#link 'new_request' class='submit-a-request'}}Some new text{{/link}}

    If the issue persists for you, please submit a ticket so we can explore what's happening.

  • Avatar
    Nitin Gopalani

    Thanks Jake!  I realized I was looking in the wrong place.  The code does work in the header.  I was looking to change the text right above where you select the form related to your request.

     

    Thanks for following up.

  • Avatar
    Jake Bantz

    My pleasure Nitin! Do you mean the breadcrumbs/links near the top or the title above the dropdown that normally says "Submit a request"? Maybe a screenshot would be helpful in your case?

  • Avatar
    Nitin Gopalani

    Hi Jake,

    I have highlighted the areas I would like the change.  Appreciate your help!

  • Avatar
    Clare P

    Hi Jake,

    Yes I had the same thought as Nitin, it worked on the link at the top right but it's the main heading we were looking at changing.

    Thanks,

  • Avatar
    Jake Bantz (Edited )

    Hi Clare and Nitin,

    There are a couple more changes needed on the new request page which you might find similar to what I wrote about in this article where I wrote about updating/customizing your Community name.

    The top text (Help Center Name > Submit a request) is drawn in by the {{breadcrumbs}} code in the New Request template. Instead of using {{breadcrumbs}}, you can insert something like this in place of the default breadcrumbs (keep in mind this was tested on the Copenhagen theme, so you might have to tweak this if you are using a different theme):

    <ol class="breadcrumbs">
      <li title="{{help_center.name}}">{{#link 'help_center'}}{{help_center.name}}{{/link}}</li>
      <li title="Contact Us">Contact Us</li>
    </ol>

    If you are using dynamic content for your form name, then just put the DC placeholder in place of the 'Contact Us'.

    And for the 'Submit a request' title, you just want to find the {{t 'submit_a_request'}} on the New request template and replace that with your custom text or dynamic content.

    Here is an image to point you at the 2 items I mentioned above:

    I hope this helps!!

  • Avatar
    Nate Legakis

    Is this possible on the Team Pricing Plan or is this only for Professional and Enterprise customers?

  • Avatar
    Jennifer Rowe

    Hi Nate,

    Sorry about that--yes, it's only possible with Guide Professional, plus any Support plan.

    So if you have Support Team and Guide Pro, you can do it. But if you have Support Team and Guide Lite, you can't do it.

    I'll add Guide Pro to the title of the article.

     

Please sign in to leave a comment.

Powered by Zendesk