Developing Tooltip guides

Tooltips contain contextual information that organically unfolds to end-users while hovering or using specific elements on the application site. Therefore:

• Tooltips apply to any field, button or element on a page.

• Tooltips are discoverable and triggered via a hint icon, meaning that users must interact with the icon in order to see the Tooltip.

• Unlike walkthroughs, tooltips are independent, user-discoverable, and quickly built.

The image below exemplifies how employees view tooltips when using the web application.

Accessing Adopt Editor for tooltips

After creating a Tooltips-type guide in Nexthink Applications, launch Adopt Editor using the installed Nexthink browser extension:

From Browser > Extensions:

1. Sign in as an administrator in the installed Nexthink browser extension.

2. Open the Nexthink browser extension, verify the Tenant, and select the target web Application.

3. Click the guide of interest to open Adopt Editor directly on the web application URL.

Understanding Adopt Editor for tooltips

When you open Tooltips in Adopt Editor mode, the in-application interface displays as follows:

1. Move the Adopt Editor to the right side of the page, and vice versa if it is already on the right side.

2. Add a new Tooltip.

3. Change the guide language to review and override guide content localized by Nexthink—AI generated.

4. Access the guide settings.

   • Note that there are currently no guide settings available for Tooltips.

5. Turn off the Adopt Editor, allowing you to preview the guide.

6. Tooltips are listed in numerical order.

7. Move the Tooltip up to rearrange the order.

8. Move the Tooltip down to rearrange the order.

9. Access the Tooltip properties to configure content, appearance, position and triggers.

10. Remove the Tooltip.

Using Adopt Editor for Tooltip content development

After accessing Adopt Editor for Tooltips:

1. Add a tooltip or use the + icon in the Adopt Editor.

   • Select an element on the page to associate with the tooltip. Tick (✔) to confirm.

   • You may reselect the element configuring tooltip properties.

2. Open the tooltip properties to access the property tabs: Content, Appearance, Positioning and Display. Use these tabs to:

   • Add text and content

   • Define appearance

   • Define positioning options

   • Define display and trigger options