---
title: "Smart Tips Best Practices"
slug: "smart-tips-best-practices-1"
updated: 2026-08-10T06:54:08Z
published: 2026-08-10T06:54:08Z
canonical: "support.whatfix.com/smart-tips-best-practices-1"
stale: true
---

> ## 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)