[Intum Help](https://intum.com/help.md) / [Knowledge Base](https://intum.com/help/knowledge-base.md)

# [Knowledge Base Tab (Widget)](https://intum.com/help/knowledge-base/knowledge-base-tab-widget.md)

## 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

```html
<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>
```