Allow editing of "Your email address" text description on "Submit a request"
AnsweredWe've been clients for 3 years now, but we still do not have the option to edit the "Your email address" text on the default "Submit a request" form. As a University, users bring all sorts of strange email addresses with them -- a number of which do not identify the user filling out the request. We desperately wish to modify this text to read "Your university-provided email address" so that users understand we require this information in order to provide technical support. We waste an incredible amount of time going back & forth with students just to identify who they are before we can even begin providing support to them.
-
Hi Stephen, you are right, there is no native option to edit this label.
But you can edit this text with little JS code.- go to https://YOUR_ZD_SUBDOMAIN.zendesk.com/theming/workbench
- Edit your theme
- on the left side choose the New request page
- paste this code on the very bottom
- Save
- Publish
Hope this helps!
-
Hi, how would you do this for the "Attachments" label?
The URL from your original post is outdated, but I foundnew_request_page.hbsin the theme editor.
That worked for the email address, but I can't figure out the correct attribute to target attachments. "$('.form-field label').text('my custom attachments text');" works, except that it changes every form label :)
-
Hey hey, this one should do the trick :)
-
Awesome, worked great, thank you!
-
Does the above code accept dynamic content? If so, how would I go about using that so we can have this localised for all languages?
-
Is it possible to re-order the email field (ie push lower down on the page) on the new request page?
-
Hey Timo, Yes, the code I provided will work with a DC item as well. You just need to create a DC item first with all versions and then insert his DC placeholder instead of the text I put there.
Danny, yes, that is possible but will require some JS coding. If you have a JS dev in your team, it should be pretty straightforward to him.
-
Hello! Thank you in advance for the help!
1. Do we know if it is possible to regex with the out-of-box "Your email address" field that Zendesk gives with their webform. Ideally, we'd be able to prevent spaces, look for .com or .org, etc to help prevent typos.
2. I'm trying to add this script to add a description to the email:
However, this doesn't seem to have any effect and is not showing up at all on the webform. What am I doing wrong?
-
Hey Kristen, I'm not sure would that be necessary at all, cause ZD already has some kind of checking.
Example:
In any case, if you want to create something on your own, you can take the code from here:
https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript
So, on click on the "Submit" button on ZD's form, this function should be called.
Eg: if email format is not correct, scroll to the email field and show some kind of error text, eg "Your email is not good, please check".
Hope this helps!
-
@...Is this still the correct process for this solution? I keep getting an error saying 'this page doesn't exist'
TIA -
Hey Jonathan, do you mean on the Email address field validating? Yes, it is the correct way, but first of all, I'm not sure what would be the purpose cause ZD in the background already has email address field validation.
-
@...I had a problem accessing through "https://YOUR_ZD_SUBDOMAIN.zendesk.com/hc/admin/appearance#editor"
I solved by using thenew_request_page.hbsin the theme editor. -
@...Thank you for your response above! I was wondering if you also had any guidance towards my second question:
2. I'm trying to add this script to add a description to the email:
However, this doesn't seem to have any effect and is not showing up at all on the webform. What am I doing wrong?
-
Hey@..., just to make sure, do you need toeditthelabelof the email field, or toaddadescunder that field?
-
@...Our team is open to either - whichever is easier. I think your top response in this forum was about customizing the description and that label editing wasn't possible, is that right? I tried to implement what you suggested in your first post, but I have a feeling I'm approaching it incorrectly!
-
Both are doable. Here is the code that will do the trick:
This code should be added at the end of the "New Request" template. In case you are using the newest Copenhagen theme, make sure jQuery is imported.
-
@...谢谢你上传这两个!相信它或not, I might need a little bit more guidance. I pasted the description text at the bottom of new_request_page.hbs template. And I think I'm using an older version of Copenhagen, so probably don't need jQuery. Thanks in advance for your help!
-
Hmm, strange. I would need a URL to that help center, so I can take a closer look. It's hard to sort it out from this perspective.
-
I was also not seeing the expected change. I had to install jQuery ♂️
It has been many years since I've had to do help center customizations with jQuery and I had totally forgotten that step!
https://support.zendesk.com/hc/en-us/articles/4408829274906-Importing-or-upgrading-jQuery
-
Vlad
It seems when I follow your instruction below: https://YOUR_ZD_SUBDOMAIN.zendesk.com/hc/admin/appearance#editor
It says: "Oops this page does not exist". Does that mean there is a different way to access this editor? -
Yes, it is; do a try with this URL
https://YOUR_ZD_SUBDOMAIN.zendesk.com/theming/workbench
edit the theme you want
and follow the next steps. -
Vlad
Do I need certain permissions to access the above pages? I get the oops message again.
-
Hi Rousseau, and welcome to the community!
It looks like you're set to be a Light Agent in your instance, and accessing the Guide Theme editing tools requires Guide Admin access. You'll need to ask one of your Zendesk admins to give you that access (which might require adding an agent seat since you'll need to be made an agent or admin in Support as well, as Light Agents can't be made Guide Admins). For more information, seeUnderstanding Guide roles and privilegesandChanging an agent's role to grant Guide admin privileges
-
Hi Rosseau -
As Vlad mentioned when he suggested his solution, if you're using the newest Copenhagen theme or have based your theme on that, you'll need to install jQuery for it to work:Importing or upgrading jQuery
-
HiVlad
I saw your comment re: using DC placeholder up above. After I create the variant, how do I go about calling it via the script?
Ex:
$('.form-field.string.required.request_anonymous_requester_email label').text (' example ' );using {{dc.test.example}} as the DC.
Is it
$('.form-field.string.required.request_anonymous_requester_email label').text ('{{dc.test.example}}' );?
-
Hey David, DC format should be in format:
{{dc "dc-name-here"}} -
HiVlad, Thanks for feedback! However, I wasn't able to get it to work. What am I missing?
$('.form-field.string.required.request_anonymous_requester_email label').text({{dc "dc.test_email_dc_on_hc"}});
-
Hey David, last part of your code should be
"test_email_dc_on_hc"}});Instead of
"dc.test_email_dc_on_hc"}});
-
That didn't work either, but after some trial and error - I was able to finally get it to work.
It should be: .text('{{dc 'test_email_dc_on_hc'}}'); It required the extra ' before {{ and after }}
Hope that helped others.
Pleasesign into leave a comment.
30 Comments