/
Creating a widget

Creating a widget

This page describes how to create a widget for your ServiceNow environment and how to keep the previously configured settings in case you are migrating from older widget versions.

 

Key points

To add a widget on your ServiceNow portal:

  1. In Kbot, create and configure a widget.

  2. In ServiceNow, enable the widget by setting the host and the widget ID.

Creating a widget

To configure your widget, go to Configuration > Widget on your Kbot host and set the parameters. For more details on parameters, view this help page.

In case you are migrating from old version of widget to the new one, you might want to keep the parameters you have defined earlier. To do so, you need to export the properties from the sys_properties table. Please, read more about it in the section below.

Copying ID

Click Save and copy the widget ID — you will need to enter it in ServiceNow later. The ID is available in the browser address bar (the last value after /), or in the Code for embedding area on the right side of the window.

Enabling the widget in ServiceNow

In ServiceNow, go to Virtual Agent for IT Service Desk > Properties and enter the host for your Kbot application and the widget ID.

Migrating from old widget

In older widget versions, you had to set the widget configuration in your ServiceNow environment:

In case you are migrating from an old version of widget to the new one, you might want to keep the parameters you have defined earlier. To do so, export the properties from the sys_properties table:

Application = "Virtual Agent for IT Service Desk"

Setting

Parameter

Setting

Parameter

Widget width

x_konve_kbot_test.kbot.widget.width

Widget height

x_konve_kbot_test.kbot.widget.height

Title background color

x_konve_kbot_test.kbot.widget.color_title_bg

Title text color

x_konve_kbot_test.kbot.widget.color_title_text

Text of the “resize” button

x_konve_kbot_test.kbot.widget.label_resize

Text of the “close” button

x_konve_kbot_test.kbot.widget.label_close

Text of the “minimize” button

x_konve_kbot_test.kbot.widget.label_minimize

Refresh conversation on close

x_konve_kbot_test.kbot.widget.refresh_on_close

Text of the widget button

x_konve_kbot_test.kbot.widget.label_button

Button tooltip

x_konve_kbot_test.kbot.widget.label_tooltip

Button background color

x_konve_kbot_test.kbot.widget.color_button_bg

Button text color

x_konve_kbot_test.kbot.widget.color_button_text

Button position

x_konve_kbot_test.kbot.widget.button_position

Hide button

x_konve_kbot_test.kbot.widget.buttonInvisible

Widget icon file

x_konve_kbot_test.kbot.widget.iconUrl

 

Related content

Setting up the widget
Setting up the widget
More like this
Creating a page widget
Creating a page widget
More like this
ServiceNow configuration parameters
ServiceNow configuration parameters
Read with this
Adding a global widget
Adding a global widget
More like this
Custom widget button
Custom widget button
More like this