Skip to content
HelSup Help Center
Help Center/Knowledge base & design
Knowledge base & design

Choose and configure a KB Theme

Choose a help-center theme and review its homepage, category and article layouts before applying it.

2 min read · HelSup product documentation
On this page
  1. Overview
  2. When to use this
  3. Where to find the controls
  4. Who can make these changes
  5. Before you begin
  6. Follow these steps
  7. Settings reference
  8. Example workflow
  9. Good practices
  10. Important considerations
  11. If something does not work

Overview

The demo library includes 40 designs. The Built-in Themes tab lists the bundled theme packages; Discover and My Themes show additional available or installed packages. Examples include Elegant Help Center, Modern Search, Documentation Pro, Corporate Blue and Gradient Hero. Browse the live gallery to see what is available on your site. A theme controls presentation; the content source determines whether the public site shows your shared articles or a theme demo.

When to use this

/support/ is a help center, not a portal dashboard. Logged-in visitors get header icons; the page stays KB.

Where to find the controls

Extensions → Knowledge Base Themes → Customize (#/extensions/kb-themes?tab=customize). Legacy KB Appearance settings links redirect to this owner.

Who can make these changes

Support Admin. Public visitors see the compiled theme.

Before you begin

Widths, columns 2/3/4, section enable/reorder (hero, categories, featured, popular, recent, tags, CTA). Hero title/subtitle/placeholder/background from Media Library.

Follow these steps

Preview the Home, Category and Article pages before choosing a theme. Set sections, save and open your public KB. To start from a complete demo, open Settings → Other → Backup, select the matching theme and download its original demo or copy its link. Restore that JSON or URL and confirm the selected active theme. The backup includes articles, navigation, header, footer, layouts, artwork and matching KB presentation settings. Review your public Home, menus, an article and search after restoring. Your KB address and access policies remain site settings.

Settings reference

Brand Kit logo/favicon inherit. Custom CSS stays the Theme Builder scoped field.

Example workflow

Documentation Pro shows a left category nav. Gradient Hero uses a full-bleed header.

Good practices

Hero search uses KnowledgeSearchService. Suggestions are real articles.

Important considerations

Theme layout does not replace article publication, visibility, or search settings. Verify public content after saving.

If something does not work

Tag URLs 404: flush permalinks. Rewrite signature includes /support/tag/{slug}/.

Continue learning

Plan a useful knowledge base→Keep workspace, chat and KB colors independent→

Let’s solve it together.

Can’t find what you need? Our support team can help with your next step.

Contact support ↗
LIFETIME PARTNER POLICY

One introduction.
A lifetime of shared growth.

Introduce HelSup to your customers, readers or community. Earn 30% on their first purchase and 20% on every subsequent purchase and renewal throughout their customer lifetime with HelSup.

Read our invitation to partners ↗
30%FIRST PURCHASE
20%Every subsequent
purchase & renewal

From recommendation to reward

  1. 01

    Get your personal link

    Sign in to your HelSup customer account and open Partner program to access your referral link.

  2. 02

    Recommend with confidence

    Share the link in a useful review, tutorial, customer proposal or with your community. Explain your partner relationship.

  3. 03

    Track your commission

    Follow attributed purchases and commission status in your partner dashboard. Eligible commissions are reviewed before payout.

YOUR LINK, IN PRACTICE

What does a referral link look like?

https://helsup.com/?ref=HS-EXAMPLE

Here, HS-EXAMPLE illustrates a partner code. Your dashboard gives you your own code and complete link. Copy that full link and share it with the customer; do not use this example as your personal link.

For example: “Looking for a customer support solution? Explore HelSup through my partner link: [paste your personal link here].” When an eligible customer purchases through your link, their first purchase earns 30%; later purchases and renewals earn 20%.

Open my partner dashboard →
YOUR CUSTOMER RELATIONSHIP KEEPS WORKING

A $100 first purchase earns $30.
A later $100 purchase or renewal earns $20.

Illustrative amounts, after discounts and excluding tax.

A customer relationship that lasts

30% first, 20% thereafter. Receive 30% on the customer’s first eligible paid purchase, then 20% on subsequent purchases and renewals throughout that customer’s lifetime on HelSup.

From link to lifetime attribution. The initial referral link is remembered for 30 days in the same browser. Once the referred customer’s first paid purchase is recorded, their partner relationship continues without needing another referral click.

Completed payments. Commission is calculated after discounts and before tax. Free orders and self-referrals do not qualify. Refunds reduce or reverse the associated commission.

Review and payout. Earnings appear as pending until reviewed by HelSup. Payout is processed manually after approval. Contact partner support for payment arrangements.