Customize each Knowledge base widget to improve the user experience.

1_Screenshot-Overview_page_of_KNowledge_base_Widget

  1. In your Knowledge base portal, go to the Knowledge base widget. The list of widgets will be listed

  2. Hover over the desired widget and click the Edit (✎) icon

  3. In the Installation & setup tab, expand the Style your widget section

  4. You can find the list of widget customization options available here:

2_Screenshot-Style_your_widget

a. Background theme

You can choose the Knowledge base widget theme color. This color is also set as the widget icon color.

  1. Click Change color and the color palette appears

  2. Select a color from the color picker, or enter a hex, RGB, or HSL color code

  3. Click Save


b. Widget icon

SImilarly, under the background theme, you can replace the icon with an image or an available icons.

  1. Click the Change icon button

  2. Choose any icon from the Set of icons tab
    (or)
    Click the Insert image tab. You can insert an image from an URL or upload it from Drive

    • To insert an image from the URL:
      Paste or type in the URL of the image, and click Insert
    • Upload from Drive:
      Click Upload an image and select the desired image from the Drive
  3. Once done, click Save


c. Widget position

  1. Choose the location of the Knowledge Base Widget icon on your website or application

  2. Select Left or Right to change the widget icon position to left or right

  3. Enter the desired spacing values in the Side spacing and Bottom spacing fields to position the widget icon from the side or bottom of the window.
    px - pixels

  4. Click Save


d. Hide widget

  1. When toggled on, the Knowledge base widget will be hidden

  2. Click Save to save the changes

Autosave

The autosave option is available for navigation between the Knowledge base widget tabs.


e. Hide top search

  1. When toggled on, the top search article section will be hidden.

  2. Click Save to save the changes

URL mapping - List

If the 'Hide top search' is enabled, the list functionality of the URL mapping on the Knowledge base widget will not work.


How to add a ticket deflector in Knowledge base Widget?

  1. In your Knowledge base portal, go to the Knowledge base widget. The list of widgets will be listed

  2. Hover over the desired widget and click the Edit (✎) icon

  3. In the Installation & setup tab, expand the Ticket deflector section

  4. Enable the Show ticket deflector toggle

  5. Select the desired ticket deflector

Only online ticket deflector(s) will be listed.

  1. If required, update the Menu name

  2. Click Save

The ticket deflector is added to the knowledge base widget

3_Screenshot-Ticket_deflector_in_KB_Widget