Knowledge Base

Customize your knowledge base

Last updated: June 25, 2018

Applies to:

Service Hub: Professional
You can customize the domain your knowledge base is hosted on, as well as the appearance of your knowledge base.
  • In your HubSpot account, click the settings icon settings in the main navigation bar.
  • Click Service Knowledge Base in the left sidebar menu.
  • In the General settings tab, you can customize the following:
    • Knowledge base domain: by default, your knowledge base will be connected to a system domain. To replace the system domain with your own, click Manage domain to open your domain manager:
      • In the lower-right corner of your domain manager, click Advanced options to expand more details, then switch the Display system domains toggle on success to include your system domains.
      display-system-domains
      • Scroll up to your Primary domains and find the row for your Knowledge base, then click EditReplace primary domain.
      edit-replace-primary-domain
      • Select an existing domain from your dropdown, or connect a new domain in HubSpot in order to select it here. 
      • After choosing your domain from the dropdown, click Replace primary domain
    • Knowledge Base root URL: if you'd like to add a subdirectory to your subdomain for your knowledge base (e.g., info.mywebsite.com/knowledgebase), enter it in the Knowledge Base root URL field.
    • Language: your account settings will carry over by default, but if you'd like to use a custom language for your knowledge base you can select one using the dropdown menu.
Click the Customize tab to edit the appearance of your knowledge base:
  • Navigation bar: here you can customize the way your knowledge base appears in a web browser:
      • Favicon: the small image that appears at the top of the browser tab.
      • Company logo: your knowledge base logo image.
      • Name your knowledge base: what you want your knowledge base to be called, e.g., Help Center or Knowledge Base.
      • Company website URL: the link for your company website, this will be linked to your logo image.
      • Text link to your company website: this text will appear in the upper-right corner of your knowledge base, linking to your Company website URL.
    kb-website-url-and-text
  • Header: this is the content that appears in the top section of your knowledge base website:
    • Welcome message: this displays above the search bar on your knowledge base home page.
    • Header color: select a color bubble or use the color picker to enter or select a custom color. This color will fill the space behind the search bar.
    choose-header-color-or-link-color
    • Header background image: in place of a Header color, you can upload your own background image to fill the space behind the search bar. Click Browse images to choose an image from your file manager, or Upload to select a new image from your computer.
  • Links: this color will be used for any text links throughout your knowledge base.
  • On the left side of your Customize settings, you'll see a live preview of how your knowledge base will appear on different device types. Click the tabs to adjust the preview and see how your knowledge base will appear on different device types. This preview will update with all your changes in real time.

preview

Was this article helpful?

If you still need help you can get answers from the , or to contact support.