Recent searches


No recent searches

Add ability to have hyperlinks in the ticket form



Posted Mar 11, 2019

We have multiple ticket forms for our customers to log tickets. In each of these forms we would like to be able to have a link connecting them to knowledgebase articles that explain the form the are selecting and what information needs to be provided. 

 

Currently you can't add a link to the individual ticket forms without doing a lot of manual coding to each of the pages. It would be very beneficial to be able to add links to our Helpcenter KB articles so we can provide more information to our customers without over crowding the ticket forms with excess information.


36

36

36 comments

image avatar

Nicole Saunders

Zendesk Community Manager

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

0


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


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.

6


image avatar

Nicole Saunders

Zendesk Community Manager

Thanks for the additional details, JT and Brad.

0


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


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

3


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.

3


Any update on this request?

1


Another vote of support for this kind of functionality.

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

Thanks

2


A great idea.

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

1


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


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


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]."

2


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


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


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


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


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

0


Many votes for this.

0


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>

1


Any news here? :)

0


Its not displays near the filed. please suggest

0


@...

I think it should be defined in new_request_page.hbs.

0


image avatar

Rudolph

Zendesk Luminary

Adding my vote in here, as well!

0


One more vote from me.

0


Adding my vote for this too

0


The first link is working (document.querySelector)

 

Second link is not working. Any idea?

0


Anita Rajkumar

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

 

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

 

0


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


Post is closed for comments.

Didn't find what you're looking for?

New post