Solved

Restyle agent/customer login

  • 4 June 2021
  • 6 replies
  • 224 views

When styling the login page is it possible to change the order of and individually restyle the “Are you an agent?” and “Are you a customer?” login links?

Ideally we would have the prompt for customers to login be much more prominent and higher on the page than the agent login. It’s not very intuitively laid out as it is currently (why is there a headset icon next to the customer login and the agent login?!). Appreciate any pointers that anyone might have. Thanks!

icon

Best answer by hemanth.ramya 7 June 2021, 14:41

View original

6 replies

Userlevel 5
Badge +9

Hello @colincooper,

 

Yes, you can change the order in which the customer/agent login options are shown in the portal via Portal customization feature in Freshdesk. Kindly use the following code snippet under Admin > Portals > Customize portal > Layouts and page > Portal pages > Login page to achieve the same:

<script>
jQuery(document).ready(function(){ //document.ready begins
jQuery('.customer-login-link').clone().insertBefore('.agent-login-link')
jQuery('.customer-login-link')[1].remove()
}); // document.ready ends
</script>

 

In case you would like to hide the headset icons displayed next to the login options, you can make use of the code snippet in the login page section:

<script>
jQuery('.customer-login-icon').hide()
jQuery('.agent-login-icon').hide()
</script>

 

Outcome of the portal customization

 

Feel free to drop a note in case you need any further help. :)

 

Cheers,

Freshdesk Community Team

Hey @hemanth.ramya,

Thanks so much for the help, the script to move the customer login above the agent login worked great!

Is there a script that would allow me to alter the text strings in those links? Ultimately what I would like to do is something like the attached image. I should be able to handle the CSS styling – but I would need the ability to change the text strings for the “Login here” links individually. Thanks again for your help!

 

 

Userlevel 2

Hey @hemanth.ramya,

Thanks so much for the help, the script to move the customer login above the agent login worked great!

Is there a script that would allow me to alter the text strings in those links? Ultimately what I would like to do is something like the attached image. I should be able to handle the CSS styling – but I would need the ability to change the text strings for the “Login here” links individually. Thanks again for your help!

 

 

@colincooper These are the codes to changed the text of "Are you an agent - Login Here" or "Are you a customer - Login Here". Use the following code snippet on the same Login page under Admin > Portals > Customize portal > Layouts and page > Portal pages > Login page.

Agent Login:

<script>
jQuery(document).ready(function(){ //document.ready begins

jQuery('.agent-login-link span').text("Agents - ") // To Change Agent Login Text

}); // document.ready ends
</script>

Customer Login:

<script>
jQuery(document).ready(function(){ //document.ready begins

jQuery('.customer-login-link span').text("Client - ") // To Change Customer Login Text

}); // document.ready ends
</script>


Happy Freshdesking!

Aldrin,
Freshworks Community Team​​​

Is this customization still possible?  Just signed up for a Freshdesk trial and it ll looks great except for the end user portal login page.

 

I’ve tried adding the suggested code snippets to the login page (which I’ve published) but don’t see any change.

@colincooper I want to achieve the same as you!  Would you mind sharing how you have your portal login page configured?  My “customers” are internal users and only need SSO as a sign-on method.

Thanks

Userlevel 1
Badge +3

@hemanth.ramya I tried inserting the code to move the customer login up on the login page, and it didn’t work. Any tips? Thank you!

Reply