---
title: "Adding a widget"
slug: "adding-a-widget"
description: "Adding a widget or a chatbot"
updated: 2026-06-29T11:05:10Z
published: 2026-03-17T07:23:46Z
canonical: "docs.document360.com/adding-a-widget"
---

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

# Adding a widget

This guide provides a step-by-step process for accessing and configuring AI settings and widgets within a user interface. It covers navigation through settings, enabling features, customizing widget options, and managing widget settings in Document360.

## Open 'AI settings'

In the left navigation bar, under Settings click AI settings .

## Turn on the 'KB widgets, chatbots & extensions' setting

After the Eddy AI Assistant page has opened, under the AI assistive search section, select the KB widgets, chatbots & extensions checkbox to enable Eddy AI for the Knowledge base widget.

## Go to 'Knowledge base widget'

In the left navigation bar, under Connections , click Knowledge base widget.

## Add widget

At the top-right corner of the page, click Add widget .

## Name the widget

Give an appropriate name for the widget in the Widget name field.

## Use 'AI Assistive search' in Knowledge base widget.

Turn on the AI Assistive search toggle to enhance your widget search experience with Eddy generated answers. Once turned on, the search field will be visible in the preview on the right.

## Style your widget

Locate the Style widget section and click to expand the dropdown for additional customization options.

## Customise widget styles

Click Change icon to replace the widget icon with an image or select one from the available icons. You also have an option to upload an image and set it as the icon. Click Default to revert to the default icon and color. Click Change color to update the widget's background color. Choose the desired color from the color palette. Select Left or Right to position the widget icon on either side of your site. Enter the desired pixel values in the Side spacing and Bottom spacing fields to adjust the widget placement. Turn on the Hide widget toggle if you want to hide the widget on your site. Turn on the Hide most searched articles toggle if you want to hide the top search articles section on your site. Once you have made the necessary changes, click Save .

## Save your changes

Once you have made the necessary changes to the widget, click Save at the top.

## Widget update confirmation

A confirmation message will appear at the top-right notifying that the widget settings have been updated.

## Edit the Knowledge base widget

The widget or the chatbot created will appear in the list. Hover over the widget to find the options: Copy script , Edit , Clone , and Delete . Click the Copy script icon to copy the widget JavaScript code. Click the Edit icon to update the name or the styling options of the chatbot or the widget. Note that you cannot change the type (Widget or Chatbot) using the Edit option. Click the Clone icon to cretae a duplicate of the widget or the chatbot created. The cloned widget/chatbot will be created with a new name (-1 will be added at the end of the original name). Click the Delete icon to delete the chatbot or the widget created.

## Delete a widget

Locate the widget you wish to remove and click the Delete icon to delete the selected widget.

## Confirm deletion

Click Yes in the confirmation prompt to confirm deleting the widget.

## Task completion

You have successfully added a new widget to your knowledge base.