Add ability to have hyperlinks in the ticket form

35 Comments

  • Nicole Saunders
    Zendesk Community Manager

    Thanks for that suggestion, JT. How often do you think you would use this functionality?

    0
  • John Hennigan

    Hi Nicole,

    We have 3 ticket forms currently and we may potentially add a fourth. We would like to put a hyperlink in each of these forms. Each form covers a different type of ticket we have. So these links go to articles that covers what each of the types are as well as what is needed for each. 

    So this way whenever one of our customers is looking to file a ticket they will know which form they should use as well as what information they should be providing. Right now we can provide some context, but we can't provide all possible information because it would clutter the form with text.

    If we could provide the link that way they customer could review on their own while keeping the form simple and easy to use. So we would implement the new links on all forms just once, but our customers could be utilizing the links a great number of times.

    4
  • Brad Harris

    One of our forms has multiple fields with hyperlinks directing the customer to either other articles or our T&C page. At this time, the only option for a link is the full URL, which can get quite ugly (see example). If we were able to simply add a hyperlink, this would be a huge improvement to our customers' experiences.

    3
  • Nicole Saunders
    Zendesk Community Manager

    Thanks for the additional details, JT and Brad.

    0
  • Ian Pylvainen

    I'd like to add another vote for this - we'd like this as a way of adding context to questions, e.g. "please enter your version number, click here for an article on how to find your version number for your product" or something similar. 

    2
  • Brad Harris

    @... Is there any sort of update on this that you're aware of?

    2
  • Jamie Noell

    We need the ability to include a hyperlink as well for a reference document about SLAs so that a requester can look up this info easily while submitting a request.  I do not want them to have to search the Help Center and then go to submit the request.

    2
  • Brad Harris

    Any update on this request?

    1
  • NIC Inc

    Another vote of support for this kind of functionality.

    We would use it quite a bit at the Oregon E-Government Program.

    Thanks

    1
  • David Rachamim

    A great idea.

    We would love to have that kind of functionality as well.

    1
  • Adam Prince

    Yep, same, would be great to allow for hyperlinking within a ticket form! We've worked around the issue, but using a link in the respective fields' descriptions and shortened them using a link shortening tool, but a way to hyperlink standard text would be great!

    1
  • Karen Yeo

    Adding my vote here. Some of our users are older folks and not always the tech savviest so adding these hyperlinks in the ticket form would be extremely helpful for them - versus making their lives more difficult trying to search for information. Hope you can consider this request and let us know since your last update was some 2 years ago. Thank you. 

    1
  • Greg Marchand

    Another vote for this one.

    We have two teams that need to be able to link to policy documents in Ticket Fields. They'd be required checkbox fields that read "I have read the [Policy Name|Link]."

    1
  • Jamie Noell

    We used a workaround to get our hyperlink on the ticket form by adding this type of JavaScript with custom help text– sometimes with a prepend and sometimes with an append.

    $('.form-field.request_custom_fields_360037249600').prepend('<p>For guidance, be sure to check out our <a href="https://<your Zendesk URL here>.com/hc/en-us/categories/360002075214-TurnaroundTimes" target="_blank">project requirements and turnaround times</a>.</p>');
    1
  • 고혜령

    Jamine, Could you show us how did you input that code? Thank you. 

    0
  • Jamie Noell

    Yes, I added the code I listed above into the script.js file which you can access in Guide.

    All of our customizations are in the section starting with $(document).ready(function().  Here is the top part of our theme, in case that helps you see where we placed ours.  You would replace 360037249600 with your custom field ID,  In this example, we are showing some help text with a hyperlink before the field (i.e., the .prepend).  If you want to show the hyperlink after the field, then use .append.

    var HC_SETTINGS = {
    css: {
    activeClass: 'is-active',
    hiddenClass: 'is-hidden'
    }
    };

    // Begin Customization
    $(document).ready(function() {

    $('.form-field.request_custom_fields_360037249600').prepend('<p><b>Check all that apply.</b> For guidance, be sure to check out our <a href="https://<your Zendesk URL here>.com/hc/en-us/categories/360002075214-TurnaroundTimes" target="_blank">project requirements and turnaround times</a>.</p>');

    });

    Here is how this code displays in the intake form in the Help Center (Guide) - our CSS formats hyperlinks in this red text.

    0
  • Andrea Rodriguez (CD Baby)

    I'd like to put a vote for this too. We have multiple forms that require different types of instructions and it would be nice to be able to include a hyperlink to the specific articles. The links are just too long to include in the description fields. 

    0
  • Anna

    I want to put a vote as well. I personally send many tickets that contain links. That would be around 100-130 tickets daily. Honestly, a hyperlink would make the user experience really nice, as a link in the email doesn't really look very appealing. 

    0
  • Mathew luby

    Really think having hyperlinks is vital as referring to a URL in the description text looks messy

    0
  • Roxanne Chartrand

    Many votes for this.

    0
  • Satoshi Miyamoto

    I have solved the issue with the following customize.

    1. document_head.hbs

      add following script

      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" 
      crossorigin="anonymous" async></script>

      Ref: https://support.zendesk.com/hc/en-us/articles/360037983854-Importing-or-upgrading-jQuery 

     

    2. new_request_page.hbs

      add following <script> block

    <script>
    window.onload = function(){
    $('#request_custom_fields_[Your Ticket Field ID]_hint').replaceWith('New Description');
    };
    </script>
    0
  • Tony Jansson

    Any news here? :)

    0
  • Anita Rajkumar

    Its not displays near the filed. please suggest

    0
  • Satoshi Miyamoto

    @...

    I think it should be defined in new_request_page.hbs.

    0
  • Rudolph Beaton
    Zendesk Luminary

    Adding my vote in here, as well!

    0
  • Svetlozar Draganov

    One more vote from me.

    0
  • Robert Harris

    Adding my vote for this too

    0
  • Anita Rajkumar

    The first link is working (document.querySelector)

     

    Second link is not working. Any idea?

    0
  • Satoshi Miyamoto

    Anita Rajkumar

    I cannot reproduce the issue, but how about changing double quotes to single as below:

     

    document.querySelector(...).innerHTML = '<a>...</a>'

     

    0
  • Anita Rajkumar

    changing single quotes - not working

    /* custom code - Anita rajkumar */
    /*Customer Account Number-Servicing*/
    document.querySelector("#request_custom_fields_360048624891_hint").innerHTML = '<a href='https://medlineqa1634822488.zendesk.com/hc/en-us/articles/6152757011348-pMDR-Keywords'  target='_blank'><span style='color: red; text-decoration: underline; font-size: 14px'><b>Attention: If issue reported is an Possible MDR - ‘STOP and file a SAP Notification or call Customer Service 800-633-5463’</b></span></a>';

     

    /* custom code - Anita rajkumar */
    /*Products Audited-Audit Request*/
    document.querySelector("#request_custom_fields_5196469612820_hint").innerHTML =   '<a href='https://collaboration.medline.com/department/custserv/postits/Priority%20%20Todays%20Updates/ZV62%20-%20Item%20Searches.aspx'  target='_blank'><span style='color: red; text-decoration: underline; font-size: 14px'><b>TEST</b></span></a>'; 

    0

Please sign in to leave a comment.

Powered by Zendesk