US English (US)
BS Bosnian

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Book a Demo
  • Product Updates
  • Contact Us
English (US)
US English (US)
BS Bosnian
  • Home
  • Customization
  • Customization Guides

Overview: Customization

Each theme contains a list of front-end files, supporting HTML, CSS and JavaScript as well as Liquid markup.

Written by Emil Hajric

Updated at July 27th, 2022, by Guilherme Arantes

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Getting Started
    Users Accessibility New to Helpjuice? Start Here Content Management Multiple Languages/Translations & Localization Multilingual Knowledge Bases Analytics Video Tutorials
  • Customization
    Customization Guides
  • API V2
  • API V3 and Webhooks
  • Article Editor
  • Billing / Subscription
  • Authentication
  • Pricing
  • Swifty AI Chatbot
  • Swifty AI Helpbar
  • What's New
+ More

Need help customizing your Helpjuice KB, we prepared for you this section that contains a lot of info on using our basic customization panels as well as how to use Shopify/Liquid tags and get the most out of your KB theme.

Creating themes for your Helpjuice page is not really that hard, first things first, you need to know a little bit of the technology behind it, Helpjuice currently uses a mix of HTML5, CSS3, JS and Liquid. Further documentation can be found on this article references.

Your Helpjuice page is based in 9 documents llisted at the customization panel:


Global files

The following files are unique per account and are applied to all language sections:

Main CSS

Is the CSS stylesheet, this basically defines the looks on your page, by default it is already normalized, and ready to use on your knowledge base, you can create new CSS rules to customize it aswell as erase old ones.

Main JS

Some of the KB already have a Main JS with some instructions although the newer users might find it empty. This document can be used to change the interactions with your Helpjuice KB, new funcionalities and custom redirections.

Robots.txt

This is the txt archive used by Search Engines such as Google, Bing and Yahoo. You can choose which folders will be crawled by them, and which wont.

Delete

Language Specific Files

The following files are language-specific - which means that each active language will have its own copy of these files. You can switch the language using the dropdown:

Main Layout

This documents defines most of the looks on your KB, this archive is loaded for every single page, the liquid tags that define which layout parts will be loaded acording to where the user is.

Index Page

Your Splash screen, the first visited page, all the content defined on this document shows up when you access your Helpjuice KB.

Question Page

This page is loaded specifically when a user access a question, over the index, category, search or any other way, if is a question it uses this layout.

Category Page

Can be accessed over the Index Page, or by breadcrumbs slugs. This layout refers to all the category pages, subcategories included.

Contact Page

This can only be accessed over a direct link or a button to “contact support” or “contact us”, this form sends the info to the mail registered on the settings, although it is not the same form that appears when no search results were found.

Thanks Page

The page that comes up after sending the contact form.

Delete


More on HTML5: http://www.w3schools.com/html/html5_intro.asp

More on CSS3: http://www.w3schools.com/css/css_intro.asp

More on JS: http://www.w3schools.com/js/js_intro.asp

More on Liquid/Shopify: https://shopify.github.io/liquid/


personalization tailoring

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Helpjuice's Template Engine
  • How can I export my questions, categories and other data?
  • How To Restore Design Changes
  • Shopify/Liquid Documentation

Copyright © 2025 - Helpjuice

Helpjuice, Inc. is a registered US Corporation, EIN # 45-2275731

Download W9
  • Help
  • Features
  • Pricing
  • About
  • Careers
  • Customers
  • Blog
  • Case Studies
  • Resources
  • Knowledge Base Examples
  • Privacy Policy
  • Terms of Service

Why is the knowledge base important?

With a knowledge base, you can allow your customers to self-help themselves, thus reducing your customer support by up to 60%. Furthermore, you can also have your team get instant answers to the questions they need without having to email themselves all using knowledge base software.

What is the purpose of a knowledge base?

The purpose of knowledge base software is to allow you to host your knowledge base/corporate wiki in one centralized 'hub'. Both your customers, and employees can now access information within seconds!

Made with from Miami, Bosnia, Morocco & Brasil

+1 (833) 387 3877 support@helpjuice.com
Expand