---
title: "Installing the Knowledge base widget"
slug: "installing-the-knowledge-base-widget"
description: "Install the Knowledge Base widget for your Business Enterprise plan to enhance user interaction and optimize performance on your website."
updated: 2026-08-17T05:55:31Z
published: 2026-08-17T07:35:39Z
canonical: "docs.document360.com/installing-the-knowledge-base-widget"
excludeFromExternalSearch: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Installing the Knowledge base widget

The **Knowledge base widget** must be installed on your website or application before readers can interact with it. Installation involves copying a JavaScript snippet from the widget settings and embedding it in your site's HTML — either via the Document360 Integrations panel or directly in your site's code.

---

## When to install the widget

- Surface your documentation inside a SaaS application or product UI.
- Embed knowledge base search on a marketing or support website.
- Add the widget to your Document360 knowledge base site so readers can access it without leaving the documentation.

---

## Install the knowledge base widget

### Install on your Document360 knowledge base site

1. In the left navigation bar, navigate to **Connections** () and select **Knowledge base widget**.

 NOTE

To install an **existing widget**, skip steps 2–4. Hover over the desired widget and click the **Copy script** icon. The code snippet is copied.

1. Click **Create widget** at the top-right corner and enter a name for the widget.
2. In the **Installation & Setup** tab, expand the **Widget JavaScript** accordion.
3. Click **Copy** to copy the JavaScript code snippet.

 NOTE

If the widget has not been installed anywhere yet, you will see: *"Installation Widget JavaScript code is not installed anywhere."* The **Installed domains** dropdown shows domains where the widget has been detected.

1. Navigate to **Connections** () > **Integrations** in the left navigation bar.
2. Click **Add** in the **Custom HTML** tile.
3. In the **Add new integration** panel, set the **Insert code** option to **At the end of body (below `</body>`)**.
4. Paste the copied code snippet into the code panel.
5. Click **Add**. The widget is now installed on your knowledge base site.

![Animated walkthrough showing the widget installation steps in Document360](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/widget,integration,opensite.gif)

 NOTE

The **autosave** option is available when navigating between Knowledge base widget tabs.

### Install on an external website

1. Log in to your **Document360 portal**.
2. Navigate to **Connections** () in the left navigation bar.
3. Hover over your desired widget and click the **Copy script** () icon.
4. Open the HTML source of your external website.
5. Paste the copied script just before the closing `</body>` tag.
6. Save and publish your changes.

 NOTE

If you use a CMS such as WordPress, your developer can help add the script to the correct location.

---

## Connected domains

After installation, verify which domains the widget is running on.

1. Navigate to **Connections** () > **Knowledge base widget**.
2. Hover over the widget and click () **Edit**.
3. In the **Advanced settings** tab, expand the **Connected domains** accordion.

The **Connected Domains** field shows all domains where the widget script has been detected. It is read-only and auto-populated.

![Connected domains section in the widget configuration panel showing detected domains](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/connected%20domains.png)

 NOTE

- The Connected Domains field is **read-only** and cannot be manually edited.
- If the field is empty, the widget has not yet been detected on any domain.
- To control which domains can load the widget, use the **Widget security** section.

---

## Best practices

- Test the widget on a staging environment before deploying to production.
- After installation, verify the widget appears by loading your site and checking for the widget icon.
- Configure **domain restriction** after installation to prevent unauthorized embedding.
- If you need the widget on both your knowledge base site and an external product, use a **separate widget** for each so configurations remain independent.

---

## FAQ

**Can I configure multiple knowledge base widgets for a single domain?**

You can configure multiple widgets on a single domain, but only one is recommended for optimal performance. Reach out to support if you do not see the option.

**Can I install the knowledge base widget on an external website?**

Yes. Copy the widget script from **Connections > Knowledge base widget > Copy script**, then paste it before the closing `</body>` tag in your external site's HTML. The widget will function on any domain where the script is loaded, unless domain restriction is enabled.