Tip: How to change the url of the logo of your Help Center | Community
Skip to main content

Tip: How to change the url of the logo of your Help Center

  • July 30, 2021
  • 4 replies
  • 0 views
Trapta

This tip will help you to change the URL of the logo of your help centre. You must have access to edit the code in order to do so.

Without further ado let's dive in:

Edit your header.hbs file and replace

{{#link 'help_center'}}
  <img src="{{settings.logo}}" alt="{{t 'home_page' name=help_center.name}}" />
  {{#if settings.show_brand_name}}
    <span aria-hidden="true">{{help_center.name}}</span>
  {{/if}}
{{/link}}

with

<a href="URL" target="_blank">
  <img src="{{settings.logo}}" alt="{{t 'home_page' name=help_center.name}}" />
  {{#if settings.show_brand_name}}
    <span aria-hidden="true">{{help_center.name}}</span>
  {{/if}}
</a>

You can replace the URL with the link you want to add.

The above code should change the URL of the logo and should redirect the user to your wanted link which will get opened in a new tab.

Let us know how it goes for you.

Thanks

      4 replies

      D
      • Daniel48
      • November 22, 2021

      Hi Trapta,

      Do you know if it is possible to change the link depending on the page you're visiting?

      For example, if I'm on the Community pages, can I make the logo link to the Community homepage rather than it go to the Help Center homepage? Is there an if statement that could handle this?

      For branding purposes we're looking to cut the ties between our HC and Community which we can't do at the moment as it links back to the HC when clicking the logo in the top-left.

      Thanks, Danny

      Trapta
      • Trapta
      • Author
      • November 23, 2021

      Hi @daniel48,

      Try putting the below code at the bottom of your script.js file

      document.addEventListener('DOMContentLoaded', function() {
        function isCommunityTemplate() {
          if ( window.location.href.indexOf('community') > -1 ) {
            return true;
          }
        }

        var isCommunityPage = isCommunityTemplate();
        if ( isCommunityPage != undefined && isCommunityPage == true ) {
          var curLocale = document.getElementsByTagName('html')[0].getAttribute('lang').toLowerCase();
          document.getElementsByClassName('logo')[0].children[0].setAttribute('href', '/hc/'+ curLocale +'/community/topics');
        }

      });

      Let us know if this works for you.

      Thanks

        J
        • Jessica11
        • May 26, 2022

        Hi Team,

        I would like to know if it's possible to change the URL of the"HiCircle"in red? We are not going to build a help center but just would like to make sure of the zendesk form, thanks!

         

        Tipene
        • Tipene
        • June 6, 2022
        Hey Ashley,
         
        The link you're referring to is generated by the breadcrumbs helper. The URL can't be changed directly via the helper but you'll be able to change the anchor href by adding some custom Javascript code in the script.js file in Guide Admin.
        Terms & ConditionsCookie settingsAccessibility statement