Skip to main content
Solved

Freshdesk Portal Customize of tab names


ews
Apprentice
Forum|alt.badge.img
  • Apprentice
  • 1 reply

Hi, can anyone please assist with how i can change the tab labels in the client portal of Freshdesk?

 

Best answer by aravind.sundararajan

@ews As Priya mentioned, this should be possible using portal customization. Here’s a sample snippet to help you get started:

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('a[href*="/en/support/solutions"]').text("New name");
});
</script>

 

You can add this script to the Portal Layout > Header section to modify the tab names on the portal.

 

Cheers!

View original
Did this topic help you find an answer to your question?

4 replies

PriyaRavichandran
Forum|alt.badge.img+2

This should be possible with the help of portal customisation, you can check this - https://support.freshdesk.com/en/support/solutions/articles/50000003753-customizing-your-customer-portal and if you have any speciifc query, you can write to support@freshdesk.com

 


aravind.sundararajan
Skilled Expert
Forum|alt.badge.img+12

@ews As Priya mentioned, this should be possible using portal customization. Here’s a sample snippet to help you get started:

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('a[href*="/en/support/solutions"]').text("New name");
});
</script>

 

You can add this script to the Portal Layout > Header section to modify the tab names on the portal.

 

Cheers!


ews
Apprentice
Forum|alt.badge.img
  • Author
  • Apprentice
  • 1 reply
  • October 31, 2023

@aravind.sundararajan thanks for reply, the sample script you supplied didn’t work. I have come up with a solution, i just replaced the exiting references to the links in the header file, i am using direct links so i can have full control of the links at the top of the page, this has worked.

 <ul class="navbar-nav ms-auto mt-64 mt-xl-0">
                   <li class="nav-item">
                <a href="https://sample.freshdesk.com/support/solutions" class="nav-link">
                  <span class="d-md-none icon-{{tab.tab_type}}"></span> New Name 1
                </a>
              </li>
<li class="nav-item">
                <a href="https://sample.freshdesk.com/support/tickets" class="nav-link">
                  <span class="d-md-none icon-{{tab.tab_type}}"></span> View Tickets
                </a>
              </li>
 <li class="nav-item no-hover">
              <a href="https://sample.freshdesk.com/support/tickets/new">
                 <span class="btn fw-secondary-button"> Submit Ticket</span>
                </a>
            </li>
                 
          </ul>


Bettina.Elizabeth
Community Debut

So I was able to get @aravind.sundararajan code to work by making some changes. 

Add this script to the Portal Layout > Head section

<script> src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

And then under Portal Layout > Header section right under the navbar start area:

Add the script:

<script>
  jQuery(document).ready( function() {
     jQuery('a:contains(Forums)').text("News");
  });
</script> 

Change Forums to the tab name you’re trying to rename and change News to the new name you want.