Add description to the Attachments field for "Submit a request" form

Answered

79 Comments

  • Vlad
    Community Moderator

    I'm very glad to hear that!
    Thanks, Marci for your feedback! 

    0
  • Leandro Pelorosso

    Hello all !

    Using jquery to solve this sounds like a great idea. Any suggestion to implement the same strategy when the form is displayed inside the chat widget? (since the elements do not exist in the ready function, we cannot change them until they appear.

    Thank you!!

    0
  • Jonathan Cavey

    Can anyone help me add a description to the subject field for a specific form? 
    Thanks 

    0
  • Michael Froeming
    Zendesk Customer Care

    Hi Jonathan,

    Looks like this question is answered by one of our community moderators in this post: https://support.zendesk.com/hc/en-us/community/posts/360037440134-How-to-change-the-name-of-the-subject-field-in-the-ticket-forms-.

    Best,

    Michael Froeming | Senior Customer Advocacy Specialist

    NEW - Zendesk offers free, on-demand training for all of our products. Set up your account and start learning today at training.zendesk.com

    0
  • Este Rodriguez

    Hello @... or anyone who can help !

    Unfortunately, none of the codes listed on this thread has helped me. It would be helpful to see a screenshot of the HTML code where you are pasting these codes. I would like to just add a description below the Attachments field (see 2nd picture of example I'm trying to produce). The 2nd picture is from the link @... provided. 

    2
  • Raphaël Péguet

    Michael Froeming this page isn't available anymore..

    0
  • Brett Bowser
    Zendesk Community Manager
    Hey Raphaël,
     
    It looks like some images in that post you were linked were broken which is why it was hidden.

    I've gone ahead and re-uploaded the images and made the post public so you should now have access.

    Let me know if you continue to experience issues!
    0
  • Raphaël Péguet

    Brett Bowser Thanks!!

    0
  • Raphaël Péguet

    We tried this script (given in the first page of comments of this article, the aim is to change the name of the Attachment field in the form):

    <script>
     if(window.location.href.indexOf("360003591018") > -1) {
     $('div#upload-dropzone').parent().find('label').text('Please attach your proof of purchase below')
     }
     // replace 123456 with the 'hardware fault' form ID
    </script>

    That worked for one of our Zendesk instances but it didn't work in another one (with the Copenhagen theme too and SSO) 

    I put the whole new_request_page.hbs code below if anybody got a clue of where the issue might be coming:

    <div class="container-divider"></div>
    <div class="container">
      <nav class="sub-nav">
        {{breadcrumbs}}
        <div class="search-container">
          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-icon">
            <circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor"/>
            <path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5"/>
          </svg>
          {{search submit=false}}
        </div>
      </nav>

      <h1>
        {{t 'submit_a_request'}}
        <span class="follow-up-hint">
          {{follow_up}}
        </span>
      </h1>

      <div id="main-content" class="form">
        {{request_form wysiwyg=true}}
      
      </div>
    </div>
    <script>
     if(window.location.href.indexOf("360003591018") > -1) {
     $('div#upload-dropzone').parent().find('label').text('Please attach your proof of purchase below')
     }
     // replace 123456 with the 'hardware fault' form ID
    </script>


    Thanks for looking
    0
  • Amie Brennan

    hi Raphaël Péguet

    Can you check the document_head.pbs page to confirm if there is a jquery script on there? If not, add the below jquery script to the document_head page and then see if the script to change the attachment field name from there

    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

    0
  • Raphaël Péguet

    Hi Amie Brennan ,

    You solved my problem, thanks a lot! :-)

    Kind regards,

     

    0
  • Raphaël Péguet

    Amie Brennan, sorry for disturbing, I don't understand it's not working anymore on the same form.

    I didn't change the code but add and take off a form.

    Both pieces of code are still in the same place, I don't understand..

    I solved the issue by adding this one finally at the bottom of new_page_request.hbs

    <script>
    $('div#upload-dropzone').prev().text('New text');
    // change New text
    </script>
    0
  • Amie Brennan

    hey Raphaël Péguet

    Did you check to make sure this line in your code contains the correct ID still after you adjusted your forms? 

     if(window.location.href.indexOf("360003591018") > -1) {
    0
  • Andrii Kozychko

    Hey, is this code will work in any way? 

    I've tried to paste that code to change the "Attachment" field in one of my forms, but it does not work:

    <script> 
     if(window.location.href.indexOf("4420689591703") > -1) {
    $('div#upload-dropzone').parent().find('label').text('Please attach your node logs')
     }
    </script>

    Is there any way to make the ticket unsubmittable if the user has not added the attachment? 

    2
  • Tipene Hughes
    Zendesk Developer Advocacy

    Hi Andrii Kozychko,

    While it's not possible to require the attachment field in your help center directly out of the box, here's a great user submitted example of how you could implement a required attachment to your request form:

    https://support.zendesk.com/hc/en-us/community/posts/4409515169946-Requiring-a-ticket-attachment-if-a-particular-dropdown-option-is-selected

    I hope this helps! Feel free to reach out with any questions.

    Tipene

    0
  • CJ Johnson

    I suspect the code posted in 2020 is no longer valid. The div listed is not where this text field lives, at least not for me. 

    0
  • Dave Dyson
    Zendesk Community Manager
    0
  • CJ Johnson

    Dave Dyson No, I'm referring to the code in the comments on this article, for example: https://support.zendesk.com/hc/en-us/community/posts/4409515328538/comments/4409510181018
    I have confirmed that jQuery is present in my document_head.hbs . 

    Here's a screenshot showing that the div id for "upload-dropzone" closes before the attachment text code even appears, which is why it doesn't work: 


    I just haven't had a chance to figure out how to rewrite the JS to reference this class instead of the div ID. 

    0
  • Dave Dyson
    Zendesk Community Manager
    Thanks for the clarification, CJ – you might be able to use this? https://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp
    0

Please sign in to leave a comment.

Powered by Zendesk