Visit Freshworks.com Visit Freshworks
Solved

Freshdesk Portal Customize of tab names

  • 16 October 2023
  • 4 replies
  • 161 views
ews
Rank
Badge

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

 

icon

Best answer by aravind.sundararajan 26 October 2023, 20:03

View original

4 replies

PriyaRavichandran
Userlevel 2
Badge +1

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

 

Account Executive - Europe, Freshworks Inc.
aravind.sundararajan
Rank
Userlevel 4
Badge +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!

Are you interested in learning more about how our services can help add value to your business? Check out our Professional Services - https://www.freshworks.com/professional-services/ to know more & get started.
ews
Rank
Badge

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

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


Terms of UseCookie settings