---
title: "Configure the appearance of Smart Tips"
slug: "configure-the-appearance-of-smart-tips"
updated: 2026-05-11T11:24:19Z
published: 2026-05-11T11:24:19Z
---

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

# Configure the appearance of Smart Tips

Whatfix enables you to configure the appearance of each Smart Tip that appears in an application. Choose to display the Smart Tip in two ways.

- **Smart Hover**: Information appears when end users hover their cursor over the selected element, for example, a text field.

Info:

- Set the Smart Tip to auto-hover in case you have some information that needs their attention.
- Auto-Hover Smart Tips appear as soon as the page loads for the end users.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/hoverdisplaysmarttip.gif)

---

- **Smart Icon**: Information appears only when end users interact with the icon inserted by the Content Creators next to the specific element.

Info:

By default, the Smart icon is an 'i' icon, but Whatfix enables you to set a custom image for the Smart icon using the customization option. For more information, see [Changing the i icon for Smart Tips](/studio/docs/change-the-i-icon-for-smart-tips).

   

![Smart_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-04-17_09-34-28%20%281%29.gif)

---

- **On click of Icon:** Information appears when a user clicks the i icon next to the interface.

![i icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/i%20icon.gif)

---

## Configuring the Appearance of a Smart Tip

Use the following steps to configure the appearance of a Smart Tip,

1. Log in to the application where you want to create content, and then launch the **Whatfix Studio**. ![CLM_editor plug in2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_editor%20plug%20in%282%29.png)
2. Under **CONTENT**, click **Smart-tip**. ![image.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-6NSSUQLX.png)
3. Enter a name for the **Smart tip Collection**. ![Add a smart-tip collection name ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Smart-tips_Collection.png)

          Info:

          

- A Smart Tip Collection is a group of Smart Tips created on the same page of an application.
- The Smart Tip Collection name is solely for your reference and is not visible to the end user.

1. Click **Add Help Tip** to create a new Smart Tip.  

![Add Help Tip ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Smart-tips_HelpTip.png)

1. Select an element on the application that you would like the Smart Tip to point to.
2. Enter the step description on the tip.  

![Add step description for smart-tip](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_smart-tip_stepdescrp.png)

Tip:

Whatfix recommends you to add a more detailed optional description for the step action (For example, to specify the rules of an input field).

1. In the **Display smart-tip** section, select the appearance of the tip. ![Select the smart-tip on display](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_smart-tip%20on.png)
2. Finish creating the Smart Tip.

To further configure the appearance rules for the Smart-tip, see [new Visibility Rules for Widgets](/studio/docs/advanced-visibility-rules-for-widgets).

## Related

- [Smart Tips appear randomly](/smart-tips-appear-randomly.md)
- [Smart Tip appears in an incorrect position](/smart-tip-displaying-in-an-incorrect-position.md)