Skip to main content

Smart Tips - quick and simple solution for customer self-service


Complex processes or input forms can represent a challenge for even properly onboarded users. This is especially sensitive with long processes, where user decisions or inputs made at the beginning have an impact on the next steps.


Smart Tips

Smart Tips are advanced tooltips that can add further instruction to important or confusing elements of your process. You can also use them to notify a user contextually about change in a feature.

Example: Tooltip in action


The power of Smart Tips lies in their cost/effect ratio - they do a great job, while the implementation is quick and they require minimal maintenance. Just place a tooltip on a select element of your page, and it's done!

Smart Tips can work independently or in combination with Product Tours. They are ideal for addressing issues in input forms - your user can continue working uninterrupted, you can rely on the quality of the submitted data and your customer self-service rate increases. Win-win!



Example: Tooltip use on Facebook


Why Smart Tips by Usetiful?

You can find free plugins allowing you to create tooltips in your application. Great examples include ProTip or TippedJS.

With Usetiful, you can create free tooltips with no-code. The visual tooltip builder allows you to deliver flexible tips without coding. On top of that, Usetiful represents a complete solution for your Customer Self-Service, providing you with product tours, onboarding checklists and much more!


Example: Tooltip builder in Usetiful



Related:

Popular posts from this blog

Create product tours with Usetiful

Read more

Alternatives to Shepherd: Which One Is Right for You?

  Shepherd is a popular open-source tool for building product tours. However, there are better options to meet the demands of modern onboarding. Here are some great alternatives that can help boost user adoption. What is Shepherd? Shepherd is a JavaScript library. It was built to help onboard new users with product walkthroughs. It's a flexible tool that allows you to drop product tours into your app using popular languages like: Angular Ember ES Modules Vue.js  Javascript Shepherd comes with a few default themes, but its primary selling point is that it allows you to customize your tours.  The problems with Shepherd as an onboarding tool We're not here to rip Shepherd. It's a good tool that does what it sets out to do. However, it falls short of a great modern onboarding tool for several reasons. #1. Limited accessibility Shepherd is relatively easy to use if you have good technical knowledge. However, you're out of luck if you don't know how to code. In an era whe...
Read more

Select Element on Your Page

  To associate tour steps (pointers) with specific elements on your site, you need to hook to the selectors of elements. Selectors are used to "find" the HTML elements on your site. It is not difficult to find out the selector of a specific page element. The easiest way is to use our Chrome extension . Usetiful for Chrome extension (Recommended) 1. We recommend you to first install  the extension  - it enables you to preview product tours directly on your page without embedding the code. When on the page, it allows you to get the element selector on just one click.   2. Inside the tour editor, the " Element"  field require you to enter the selector of the HTML element on your site. Click on the  "Select element"  action on the right side of the field.  The following dialog will appear if the Usetiful browser extension is enabled. 3. Enter the address of your web page and click "Open page" 4. To select the...
Read more