Tip of the Week: Adding a custom Tooltip to your Knowledge Center Bot

  • 10 December 2020
  • 7 replies

Userlevel 7

For those of you that may remember, I posted a Product Idea to Allow the Knowledge Center Bot speech bubble to display once per session, not always on every page refresh, but it has not been implemented… yet. :) 


The great news is, there is a better way to do this right now!!!!


If you have logged into PX recently, you would have seen that we now have a PX Guide Engagement Tooltip pointing new users (and those that have not seen it before) to our Knowledge Center Bot Bot Icon.  See sample screenshot below:



Since quickly implementing this change, we have already realized increased KC Bot usage by our PX users.  This fact is no surprise at all and exactly what we expected, since this type of PX Engagement increases the visibility of a product feature and educates users on why/when/how they should use it.


Here is how you can get this implemented in your KC Bot(s) quickly…

  1. Create a new, simple PX Guide Engagement with only a single Tooltip step.  You can add more steps and workflows if you want, but one will suffice for this example.
  2. In the Tooltip’s editor screen, manually enter the CSS Class '[class="dragging-element react-draggable"]'.
  3. Set the right Qualification Scope and Audience Logic for your Engagement.  Only once” or “Once per Visit” seem like the right choices to consider.
  4. Save, launch, and test your newest PX Engagement!

See my screenshot below for more details on where to configure this CSS Selector and how the end result should look in your application.


I hope you enjoyed this tip, so please leave your comments and experiences below.


Happy PX-ing!


7 replies

Userlevel 7
Badge +2

@link_black I really appreciate your time here. Thanks for sharing it here.

Userlevel 2

This is a great workaround solution. We will be implementing this - thank you @link_black !!

Userlevel 4

Amazing! Thanks @link_black 

Userlevel 7
Badge +1

FYI @KStimpson 

Userlevel 3

Thank you @link_black .

We love this as an option. Is anyone else having failure issues in the Admin console with this workaround? It seems that the asset class may have been changed to [draggin-handle].

Could that cause it to fail?

Userlevel 7

Yes!  When the host application changes, some of the PX tooltip mappings can/will become invalid … in this case it is our PX application that changed.  This is a great example of how our PX Admin Console can help identify problems/issues early.


Try using [class="dragging-handle"] in the CSS selector field instead.



Userlevel 7

And, this otherCSS selector will also work and likely not change: