More flexible knowledge base design and layout, including custom HTML/CSS

Hi folks!

I saw some chatter on this thread so I wanted to hop in. I’ve been in contact with our Product teams, and at this time we have nothing new to report. Our Product team is well aware of these requests and is balancing them with existing priorities and feature developments. We’ll keep monitoring this thread for feedback and additional input, so please continue to leave us your feedback. It greatly helps us deliver the features you want to be built.

Thank you,

Joe

Thank you for the update Joe. I can report that our clients are missing the “see more” link and missing out on articles because of the cumbersome navigation. It’s a massive effort to write all this content only to have it passed over. I know this is a big problem for others as well. It’s not a workable KB without the ease of use of a navigation tree menu… we don’t want our customers to have to find the needle in the haystack… should be quickly and easily accessible. Please escalate!

It would be nice if we could change the background color of the knowledge base to match the brands visual profile better. For now it’s just possible to change the color and pattern on the header, not the main container.

100%! I was looking everywhere, cause I thought it must be changeable anywhere. If only it was light grey instead of light blue at least.

Yes. Please allow customization of color to the entire page at the very least!thx!

We would like to have the ability to add internal ‘tags’ or fields to KB articles so that we can then label and search for related articles for updating purposes. E.g. to be able to tag all articles that contain hyperlinks that are used in our code, or all articles that have images of page x of our product so we can easily find them and replace screenshots if that page is updated with new features. At the moment we have to manually search the body of text to find this sort of information which is hugely time consuming.

I would like to see ‘last updated on Month, Day, Year,’ displayed on the articles themselves. This informaiton is only available on the articles dashboard and doesn’t allow readers to know how up to date KB articles are on a given topic.

It would be of great value if we could add more styling to our KB articles. For example, add a cell colour in a table, adjust the table border to make them think, adjust text colour, etc.

This is important!

Thank you so much for this post!

Coming to HS from a WordPress site where we had all our support pages as part of our main sales site, those pages remained as part of the sales site in the transfer. Which has been fine for the last 18months, but we’re now looking att he additional user self-service options available via widgets and the additional reporting available using the KnowledgeBase functionality.

It is going to require a major rework of many of our pages as we make extensive use of accordia [ :wink: ] and additional CSS for highlighting certain terms outside of just Bold/Italic/etc. From my history as a programmer, when updating pages I almost exclusively use the HTML editor to get the items rendering as wanted (table layouts, CSS classes for keyword/feature rendering and bullet points, etc). I’m also a little disappointed that the anchor insertion dialog doesn’t allow for the rel=“help” attribute to help crawlers understand the purpose of a link in a body of text - one would have thought that a KnowledgeBase would have this implemented! I use it frequently for links to glossaries, etc.

The following paragraph has been highlighted as a practical, simple outline of how a requested feature could be implemented (should a dev manager wish to give it the once over..!)

Being able to use local CSS classes would be fantastic. It could be implemented fairly simply (I’m not advocating “It’s just a button, isn’t it..” - I’m a dev, I understand the work involved..). A table where a company can specify as class name and the associated text can be implemtned in the KB settings, and parsed so that only correct CSS can be used. The locally defined classes can then be made available in a dropdown box similar to the Hx/Paragraph/Blockquote/etc one, and selected text would be enclosed with a <span class=“xyz”></span> on render. Extending the RTF editor wouldn’t be too much of an issue - it’s already been solved in the main site editing facilities.

This thread is a very positive move - thank you for creating it, Snaedis! I hope it has already generated items on the devs schedule of works. I look forward to seeing this stuff implemented, especially the accordion functionality and better control over the rendering, whether by direct HTML editing or via a more flexible tagging dropdown.

I would like to see a place where we can put custom content and things like announcements on the landing page. For example, “Drop in to our Office Hours every Friday at noon” or “New features rolling out for xxxx on DATE.”

Thanks Snaedis. I am about to migrate a client away from the helpdesk for the following reasons:

Font size can’t be changed/incresaed from 14px.

Header bar can’t be changed from white to match there branding.

Both should be simple fixes that hopefully can be addressed

While designing our knowledge base homepage, I have come up with a list of items that would help us to improve the appearance of the Homepage design.

  • Company Logo (Header /Footer) –
    • ability to drag and resize the logo within the preview pane or allow to make logo larger than 65pxW by 50pxH
    • be able to choose placement of logo on page
  • Header / Footer Text
    • ability to move the text in the header section.
      • Either make it available to select right / left / center aligned or
      • Allow users to drag and move text box.
        • This option would work best since the alignment on the page seems to be off, some text box items are higher than others in the footer section

Footer.png

  • Have the ability to change the font size for items in the header.

  • Header Background

    • If an image is loaded for the header background allow users to be able to resize within preview pane to make fit. Stretch and Tile options are not enough to make an image work correctly in this space.
  • Header / Footer

    • Ability to resize the height of the header and footer sections that are displayed on the homepage. There is alot of wasted space on the inital homepage screen in the header section.
  • Categories

    • Ability to resize the category image loaded.
    • When using the Tiles template ability to move the tiles.
      • For example, if I only have two tiles I want them to be centered under the search bar, not both left aligned.

Also need ability to increase font size of article body.

We support all these ideas and would like to add one more. Have the option add an image for the categories, and also have a featured image for each articles that is presented in the article listing page.

We’d like to have a single category in a row of it’s own on the KB home page, below the search bar. Ideally, it would be a button that stretches horizontally across the full width.

Yes, this is would be an important upgrade - please consider it since so many customers want the functionality.

Hi Snadeis,

Because Hubspot has not provided a timeline for this activity, we started the design process to move a client knowledge base from the service platform into a blog instance to do the same. The client believes that because the knowledge base does not have the look and feel of the main website (and other items in my previous reply) they must move their KB over. Thy are investing $ in design fees and then migration of 100 english and 100 spanish language articles. It is a shame that the lack of response by Hubspot causes this action by the client.

- Dave Orecchio

Very happy to see this is being discussed. All our customers utilizing the Knowledge Base tool have been requesting custom layouts since day 1. Also adding custom script for the knowledge base is crucial (external chats, BI reporting etc.). Enabling the HTML editor would be a great start! Hopefully, we will hear some news about this soon!

Hi Hubspot,

Please re-consider moving these to do’s up on your priority lists. We aren’t asking for much and not finding the solutions mentioned above on Hubspot will result in quite some people moving to an other provider. Including us!

Best,

Thale