--- title: "Configure the appearance of Smart Tips" slug: "configure-the-appearance-of-smart-tips" updated: 2026-10-01T10:25:40Z published: 2026-10-01T10:25:40Z canonical: "support.whatfix.com/configure-the-appearance-of-smart-tips" --- > ## 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 > [!WARNING] > Note: > > - Whatfix evaluates 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 part of a single Collection. > - Whatfix also enables you to display multiple Smart Tip Collections on the same page. To enable this feature, contact [support@whatfix.com](mailto:support@whatfix.com?subject=Request%20to%20enable%20the%20Unified%20Content%20Experience&body=Hi%20Whatfix%20Support%20Team%2C%0A%0APlease%20enable%20the%20Unified%20Content%20Experience%20for%20my%20account.%0A%0AThanks%2C%0A). Whatfix enables you to configure the appearance of each Smart Tip that appears in an application. You can choose to display the Smart Tip in the following ways: - **Smart Hover**: Information appears when end users hover their cursor over the selected element, for example, a text field. > [!NOTE] > 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A45Z&se=2026-11-12T08%3A34%3A45Z&sr=c&sp=r&sig=%2BDoWa%2BDoHhYIgnsu2YCZPKNaa05vk08%2FkuDBkzAlqEQ%3D) --- - **Smart Icon**: Information appears only when end users interact with the icon inserted by the Content Creators next to the specific element. > [!NOTE] > 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A45Z&se=2026-11-12T08%3A34%3A45Z&sr=c&sp=r&sig=%2BDoWa%2BDoHhYIgnsu2YCZPKNaa05vk08%2FkuDBkzAlqEQ%3D) --- - **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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A45Z&se=2026-11-12T08%3A34%3A45Z&sr=c&sp=r&sig=%2BDoWa%2BDoHhYIgnsu2YCZPKNaa05vk08%2FkuDBkzAlqEQ%3D) --- ## Configure 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A45Z&se=2026-11-12T08%3A34%3A45Z&sr=c&sp=r&sig=%2BDoWa%2BDoHhYIgnsu2YCZPKNaa05vk08%2FkuDBkzAlqEQ%3D) 2. Under **CONTENT**, click **Smart-tip**. ![image.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-6NSSUQLX.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A45Z&se=2026-11-12T08%3A34%3A45Z&sr=c&sp=r&sig=%2BDoWa%2BDoHhYIgnsu2YCZPKNaa05vk08%2FkuDBkzAlqEQ%3D) 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A45Z&se=2026-11-12T08%3A34%3A45Z&sr=c&sp=r&sig=%2BDoWa%2BDoHhYIgnsu2YCZPKNaa05vk08%2FkuDBkzAlqEQ%3D) 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. - Add a Display Name to keep internal naming conventions, such as region, release, or module codes, out of the labels that appear to your end users. Users then see the Display Name of the Smart Tips in Exports. For more information, see [Add a Display Name to Whatfix Content](/docs/add-a-dislay-name-to-whatfix-content). 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A45Z&se=2026-11-12T08%3A34%3A45Z&sr=c&sp=r&sig=%2BDoWa%2BDoHhYIgnsu2YCZPKNaa05vk08%2FkuDBkzAlqEQ%3D) 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A45Z&se=2026-11-12T08%3A34%3A45Z&sr=c&sp=r&sig=%2BDoWa%2BDoHhYIgnsu2YCZPKNaa05vk08%2FkuDBkzAlqEQ%3D) 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A45Z&se=2026-11-12T08%3A34%3A45Z&sr=c&sp=r&sig=%2BDoWa%2BDoHhYIgnsu2YCZPKNaa05vk08%2FkuDBkzAlqEQ%3D) 2. Finish creating the Smart Tip. To further configure the Visibility Rules for the Smart-tip, see [new Visibility Rules for Content](/studio/docs/understand-advanced-visibility-rules-for-content). ## 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)