---
title: "Smart Tips Best Practices"
slug: "smart-tips-best-practices-1"
updated: 2025-01-31T04:23:54Z
published: 2025-01-31T04:23:54Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Smart Tips Best Practices

A Smart Tip must always be a part of a Smart Tip collection
    
     

A Smart Tip, once created, must always be a part of a Smart Tip collection to get displayed on the page or application. For more information, see [Add a Smart Tip to an existing Smart Tip collection](/studio/docs/add-a-smart-tip-to-an-existing-smart-tip-collection).

     Create one Smart Tip collection per page
    
     

Whatfix displays only one Smart Tip collection per page at a time. To show multiple Smart Tips on the same page, create them as a single collection.

   Add Display Rules to Individual Smart Tips 
  
  

Add Display Rules to each Smart Tip within a collection to ensure they appear correctly on your page or application. For more information on Display Rules, see [Display Rules for Showing Smart Tips](/studio/docs/display-rules-for-showing-smart-tips).

  

    Position Tooltips to avoid hiding UI elements
    
     

Position Tooltips carefully so they don’t obscure important elements on your page. Improper positioning of Tooltips could lead to a poor user experience. ![Do not hide elements.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Do%20not%20hide%20elements%282%29.png)

     Avoid unnecessary Smart Tips
    
     

Avoid adding Smart Tips for fields that are self-explanatory. Keep Smart Tips focused on areas that truly need clarification. ![Unnecessary smart tip1.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Unnecessary%20smart%20tip%281%29%281%29.png)

     Add videos for better user engagement
    
     

Include videos in the Tooltips to engage users, particularly for complex processes or onboarding new users. Add videos using the [Rich Text Editor](/studio/docs/using-the-whatfix-rich-text-editor).

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/smart%20tip%20video%20embed%20gif.gif)

For more information, see [Add a video to a Smart Tip](/studio/docs/add-a-video-to-a-smart-tip).

     Use contrasting colors to highlight tooltips
    
     

Choose contrasting colors to make Tooltips stand out on the website or application. This ensures that Tooltips are visible and effective. For more information on contrast checking, see the [contrast checker website](https://webaim.org/resources/contrastchecker/) that could help you decide. ![Contrast color2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Contrast%20color%282%29.png)

     Write clear and concise content
    
     

Use simple language and keep the descriptions brief in the Tooltips. Clear, concise content ensures better user comprehension. ![Description simple2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Description%20simple%282%29.png)

     Place images appropriately within Tooltips
    
     

Ensure that the images within Tooltips don’t exceed 270 pixels in width to avoid distortion or the appearance of a scroll bar. ![distorted image2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/distorted%20image%282%29.png)

     Choose an appropriate theme for the Tooltip
    
    
     

Select a Tooltip theme that matches your website or application’s UI to maintain a cohesive design. ![bestpractices_tooltips](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/bestpractices_tooltips.png)

For more information on customizing tooltips, see [Smart Tips Customization](/studio/docs/smart-tips-customization).

## Related

- [Smart Tips appear randomly](/smart-tips-appear-randomly.md)