Skip to main content

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

 

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

 


@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('ayhref*="/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!


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


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. 


Reply