Hiding the "Submit a Request button" until signed in

Avec réponse
image avatar

Dave Smith

Publication le 10 août 2021

Hi everyone,

 

I've had a look through the forums and posts but can't find an answer to my scenario, so thought I'd ask it.

 

In our help center, we have the "Submit a Request" option as a button, rather than plain text in the header. Before changing themes, the previous setup had the "Submit a request" link hidden until the user signed in. However, our previous HC did not have the "submit" set as a button.

I've tried wrapping the button with the {{#if signed_in}} code, but it doesn't seem to make any difference.

 

My current code looks like this:

{{! Submit a request }}
<a href="/hc/requests/new" class="btn btn--md btn--primary is-hidden--md-down header__request-right">
{{t 'submit_a_request'}}
</a>

What would I need to do to either:
1. Hide this button until you were signed in, or
2. Make the user have to sign in when clicking this button

Many thanks for any help or advice you can offer here.

1

23

23 commentaire

Date
    Les plus récentes
      image avatar

      Tarandeep Gohlar

      We're using the Copenhagen v1.0.0 theme.

       

      We want to hide the submit a request option from end users and only make available for signed in users who are staff in Zendesk (admins, contributers, light agents).

      How can we achieve this?

      0

      image avatar

      Brett Bowser

      Thanks for sharing this Martha Chastain! This is super helpful :) 

      0

      image avatar

      Martha Chastain

      My company recently hid the "Submit a request" button behind a login wall by using this code between lines 17-26 in the header section:


      0

      image avatar

      Ifra Saqlain

      @HK, 

      Go to your header file and find "{{link 'new_request' class='submit-a-request'}}", then wrap it with the given condition " {{#if signed_in}} ... {{/if}}", you will have te final code snippet:

       {{#if signed_in}}
          <li>{{link 'new_request' class='submit-a-request'}}</li>
       {{/if}}


      Screenshot:

       

      Thanks

      0

      image avatar

      HK

      Ifra Saqlain

      Hi there!

      Is there an updated way to hide the Submit a Request button from anonymous users? We want it only to be shown to signed-in users. 

      Thank you!!

      0

      image avatar

      Ifra Saqlain

      No problem @Emmanuel Gomes, check your console in your inspect tool or you can share URL of your HC here then I can figure out the issue.

      0

      image avatar

      Emmanuel Gomes

      Hi Ifra Saqlain ,

      I inserted this code at the bottom of the script.js file and the Submit button is still present for anonymous users. I want to temporarily disable the form-based ticket submission feature. Perhaps you could suggest another way to proceed.

      Thank you.

      0

      image avatar

      Ifra Saqlain

      Try this and let me know: add this code to the script.js file at the bottom.

        if(HelpCenter.user.role == "anonymous" || HelpCenter.user.role == "end_user"){
          document.querySelectorAll(".submit-a-request").forEach(function(e){
            e.style.display = "none";
          })
        }

       

      0

      image avatar

      Brittany Mandel

      Ifra Saqlain- If you use the code that's been shared above on the newest version of the Copenhagen theme - it does not work as intended. When I inspect as an anonymous user - the request button is still there, as an end user a second request button appears to the left. Please update the code for the newest theme updates.

      0

      image avatar

      Ifra Saqlain

      Hi @Brittany Mandel, 

      Share your query..

       

      0

      Vous connecter pour laisser un commentaire.

      Vous ne trouvez pas ce que vous cherchez ?

      Nouvelle publication