Solved

Restyle agent/customer login


Badge

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

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

View original

3 replies

Userlevel 2

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

Badge

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!

 

 

Badge

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​​​

Reply