Add Website Banner Image anywhere on Help Center | Community
Skip to main content

Add Website Banner Image anywhere on Help Center

  • March 7, 2022
  • 3 replies
  • 0 views
H

I want to include a clickable banner image linked to our website on the help center just like this. How can I do that?

    3 replies

    Pulkit12
    • Pulkit12
    • March 7, 2022

    Hi Harshita Sharma

    You need to create a block on your help center that holds the image with the URL of your website so when someone clicks on an image it will redirect the user to our website.

     

    Let me know if you need any help 

     

    Thanks 

    Pulkit

    H
    • Harshita
    • Author
    • March 7, 2022

    Can you please guide me on how to create such block?

    Tipene
    • Tipene
    • March 7, 2022
    Hi Harshita,
     
    Thanks for reaching out!
     
    One way you could go about achieving this is by adding the image to the aside element within the article_page.hbs file in your help center. You'll need to add the image as an asset in your help center first, and then insert that image wrapped within an anchor tag which would link back to your website. Here's an example of how that could look: 
     
    <aside class="article-sidebar" aria-labelledby="section-articles-title">
      {{#if settings.show_articles_in_section}}
        ...
      {{/if}}
      <a href="https://example.com">
      	<img src={{asset 'example.png'}} >
      </a>
</aside>
     
    You would then likely need to add some styling to the image in the style.css file.
     
    I hope this helps!
     
    Tipene
    Terms & ConditionsCookie settingsAccessibility statement