- 27 Feb 2024
- 2 Minutes To Read
-
Print
-
DarkLight
-
PDF
Smart Tips Best Practices
- Updated On 27 Feb 2024
- 2 Minutes To Read
-
Print
-
DarkLight
-
PDF
A Smart Tip, once created, must always be a part of a Smart Tip collection to get displayed on the page/application. For more information, see Add a Smart Tip to an existing Smart Tip collection.
Whatfix displays only one Smart Tip collection per page at any given time. To show two or more Smart Tips on the same page, create them as a single collection.
To ensure that the Smart Tip appears correctly on your page/application, add Display Rules to each individual Smart Tip within the collection. For more information on Display Rules, see Display Rules for Showing Smart Tips.
Position the Tooltips, so they don't hide any elements on your page. In certain cases, the Tooltip could inadvertently hide certain important UI.
Avoid adding Tooltips for fields that are self-explanatory.
Adding a video to your Tooltip is a great way to engage your newly signed-up users or explain a lengthy process. Videos can also be included within the onboarding pop-up. Add videos using the Rich Text Editor.
For more information, see Add a video to a Smart Tip.
Use contrasting colors that make the Tooltip noticeable on your website/application. This is to ensure that the Tooltips are not lost on your interface.
For more information on contrast checking, see this contrast checker website that could help you decide.
Use simple words and sentences while creating Whatfix content. Keep the description in your Tooltip brief and to the point.
Ensure that the images you insert in your content don't exceed the width of the tooltip or pop-up to avoid any distorted images. Exceeding 270 pixels introduces a scroll bar.
Position the Tooltips so that they don't hide any elements on your page. In certain cases, the Tooltip could inadvertently hide certain important UI leading to poor user adoption.
Choose the best available Tooltip theme to ensure the UI of the Tooltip matches your website/application’s UI.
For more information on customizing tooltips, see Smart Tips Customization.