Can I change the text of the Submit a Request the Help Center?

Have more questions? Submit a request

28 Comments

  • Clare P
    Comment actions Permalink

    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,

    1
  • Jessie Schutz
    Comment actions Permalink

    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! 

    1
  • Jake Bantz
    Comment actions Permalink

    Hi Rich!

    I think I have just the thing for your use case. As we show in our developer documentation here, you can add a ticket form parameter to the helper. In your case, you would want something like this:

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

    Of course, you would want to place the id of your default form in place of the 123456. I hope this helps!

    1
  • Kim Graf
    Comment actions Permalink

    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
  • Jake Bantz
    Comment actions Permalink

    Hi Elena,

    Ideally you would want to use dynamic content in combination with the solution in the article above. We cover dynamic content in greater detail in Localizing Help Center content. Your final code snippet would look something like this:

    {{#link 'new_request' class='submit-a-request'}}{{dc 'contact_us'}}{{/link}}

    You can create a dynamic content variant for each of the languages you support, and the text will be presented based on the user's current language selection in your Help Center.

    Hope that helps!

    1
  • Elena Lubiana
    Comment actions Permalink

    Hello!

    If I'm using multi language option for my KB and wanna to change "Submit a request" text for all languages. How could I make it work?

    0
  • Nitin Gopalani
    Comment actions Permalink

    Hi Jake,

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

    0
  • Jake Bantz
    Comment actions Permalink

    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.

    0
  • Scott Clark
    Comment actions Permalink

    Nevermind my previous question....found what I was looking for in the Ticket Field definitions.

     

    0
  • Rich
    Comment actions Permalink

    I was able to successfully change the text of the "Submit a Request" link to "Contact Us" by doing the following as explained above:

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

    Question: How do I change the URL that link is pointing to? Rather than point to the /requests/new page I want to have that link point directly to my default ticket form. For example, have the "Submit a Request" link point directly to:

    https://help.company.com/hc/en-us/requests/new?ticket_form_id=123456

    0
  • Rich
    Comment actions Permalink

    Amazing! Was completely unaware of the developer documentation...I think I'll be good to go from here. THank you Jake!

    0
  • Clare P
    Comment actions Permalink

    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,

    0
  • Jake Bantz
    Comment actions Permalink

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

    0
  • Nitin Gopalani
    Comment actions Permalink

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

    0
  • Jake Bantz
    Comment actions Permalink

    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?

    0
  • Jake Bantz
    Comment actions Permalink

    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!

    0
  • Nate Legakis
    Comment actions Permalink

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

    0
  • Heather R
    Comment actions Permalink

    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?

    0
  • Jessie Schutz
    Comment actions Permalink

    Hey Scott! I'm glad you got it figured out. Let us know if you need anything else!

    0
  • Jessie Schutz
    Comment actions Permalink

    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. 

    0
  • John Kim
    Comment actions Permalink

    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"));

     

    0
  • Jake Bantz
    Comment actions Permalink

    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.

    0
  • Jennifer Rowe
    Comment actions Permalink

    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.

     

    0
  • Jessie Schutz
    Comment actions Permalink

    Hi Jaime! Welcome to the Community!

    If you're on Guide Professional or higher, you can change this by editing the HTML for the article page in your theme editor. 

    This is the code block that adds that part of the footer:

    Bear in mind that this will removed both the "Have more questions?" part AND the Submit a Request link. So you'll need to re-add that manually.

    0
  • Nitin Gopalani
    Comment actions Permalink

    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.

    0
  • Scott Clark
    Comment actions Permalink

    Is there any way to change the text below the Description field in the default Submit a Request form?
    The line that says, "Please enter the details of your request. A member of our support staff will respond as soon as possible."

    It's not in our dynamic content or in new_request_page.hbs

    0
  • Alex Culligan
    Comment actions Permalink

    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.

    0
  • Jaime J. Alexander
    Comment actions Permalink

    Hello! I apologize if this is a straightforward change or if this has already been answered in this string somewhere, but I can't figure it out yet. How or can I change the text "Have more questions?"  Thanks!  =)

    0

Please sign in to leave a comment.

Powered by Zendesk