Knowledge Base Tab (Widget)

Knowledge Base Tab

The Knowledge Base tab is a widget that you embed on your website. Customers can browse articles, search for answers, and find solutions — without leaving your page.

How to Get Started

1. Go to Knowledge Base → Knowledge Bases → [Your base]
2. Click the Widget tab
3. Copy the generated code snippet
4. Paste it on your website (before </body>)

The tab will automatically appear at the edge of the screen.

Configuration

In the snippet you can change:

• locale — tab language (pl, en, de, fr, cs, sk, es, uk)
• position — position: right (default) or left
• label — custom tab label (default “Help”)
• color — tab color (hex, e.g., #3b82f6)
• tab_offset — vertical tab position (CSS top, default 50%)

What Articles the Widget Displays

The widget shows three sections:

1. Popular articles — entries with the highest view count (view_count), sorted descending. Up to 10 entries displayed.
2. Latest articles — recently added entries, sorted by creation date.
3. Categories — public main categories with entry counts.

Additionally, search is available — the customer types a phrase and sees matching articles.

Hiding an Entry from the Popular Section

If you don’t want a specific entry to appear in the “Popular” section in the widget, change its priority to a value less than 1 (e.g., 0). Entries with priority < 1 are skipped in this section.

Edit the priority in the entry view in the Priority field.

Widget Features

• Search — customers type a phrase and see matching articles
• Popular articles — most frequently visited entries
• Latest articles — recently added entries
• Categories — browsing articles by category
• Multilingual — the tab displays in the language set in locale

Performance

The tab loads from a CDN and makes no requests to the server until the customer opens it. Data is fetched from the API only after clicking.

Testing

On the Widget page, click the Test tab button — a test page will open with the loaded widget and sample customer data.

Snippet Example

<div id="intum-kb-widget"></div>
<script>
  var IntumKbWidget = {
    account_url: "https://your-company.intum.pl",
    kb_token: "YOUR_TOKEN",
    locale: "en",
    position: "right",
    color: "#3b82f6"
  };
</script>
<script src="https://widgets.intum.net/kb/intum-kb-widget.js"></script>