Styling the Knowledge base assistant
  • 14 Jun 2022
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

Styling the Knowledge base assistant

  • Dark
    Light
  • PDF

Customize the Knowledge base assistant to improvise the user experience.

Basic Config In App Assistant

  • Go to Settings → Knowledge base assistant → Installation & Setup
  • Under Settings section, select Style your assistant
  • You can find the list of widget customization options available:
    1. Background theme
    2. Assistant icon
    3. Assistant position
    4. Hide assistant
    5. Hide top search

1. Background theme

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

  1. Click the color palette
  2. Select a color from the color picker, or enter a hex, RGB, or HSL color code
  3. Click Save

2. Assistant icon

The assistant icon appears here. You can replace the icon with an image or available icons.

  1. Click the Change icon button
  2. Choose any icon from the Set of icons tab
    (or)
    Click Insert image tab. You can insert image from an URL or upload from drive.
    • To insert an image from 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. Click the Save button on the top

3. Assistant position

  1. Choose the location of the Knowledge Base Assistant icon displays on your website or application.
  2. Select the Left or Right to change the Assistant launcher icon position to left or right.
  3. Enter the desired spacing values in the Side spacing and Bottom spacing field to position the Assistant launcher icon from the side or bottom of the window.
    px - pixels
  4. Click Save

4. Hide assistant

  • When toggled on, the Knowledge base assistant will be hidden.
  • Click Save to save the changes

5. Hide top search

  • When toggled on, the top search article section will be hidden.
  • 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 assistant would not work.


How to add ticket deflector in Knowledge base assistant

  1. Go to Settings → Knowledge base assistant → Installation & Setup
  2. Under Settings section, select Ticket deflector
  3. Toggle on the Show ticket deflector
  4. Select the desired ticket deflector

Only online ticket deflector(s) will be listed.

  1. If required, update the Menu name
  2. Click Save
  3. The ticket deflector is added to the knowledge base assistant



Was this article helpful?