Customizing your knowledge base website

The help center websites can be completely customized to match your brand's styling. Custom CSS, headers and footers can be managed from within the help center settings. These are located in the Advanced Options of the Help Center Website section.

1

From the top right of the navigation bar, click the cog icon.

2

Click on Knowledge Bases.

3

Click on the name of your help center to open up the help center settings.

4

Scroll down to the Help Center Website section. In the Advanced Options field, click on the Click to show link to show additional advanced options.

5

This is where the help center can be completely customized to match your theme:

  • Custom <head>: The contents of this field are inserted into the <head> element on the help center website. This is perfect for adding <style> tags which override default styles.
  • Embed Codes: The contents of this field will be added to the body of the articles. This is a good place to add any embed codes (like google analytics).
  • Custom Page Header: The contents of this field will replace the default header altogether. A good starting point is copying the original header from the website source code. It contains code for a responsive navigation menu.
  • Custom Page Footer: The contents of this field will be inserted after the main content.