--- title: "Choose how Smart Tips appear" slug: "configure-the-appearance-of-smart-tips" updated: 2026-08-10T06:59:53Z published: 2026-08-10T06:59:53Z 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 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?sv=2026-02-06&spr=https&st=2026-11-12T08%3A09%3A57Z&se=2026-11-12T09%3A09%3A57Z&sr=c&sp=r&sig=paOlbNmSBaTboBGMYCiFIb6dkgQRsJowt5wDJHE%2FogE%3D) --- - **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](/desktop/docs/changing-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-12T08%3A09%3A57Z&se=2026-11-12T09%3A09%3A57Z&sr=c&sp=r&sig=paOlbNmSBaTboBGMYCiFIb6dkgQRsJowt5wDJHE%2FogE%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-12T08%3A09%3A57Z&se=2026-11-12T09%3A09%3A57Z&sr=c&sp=r&sig=paOlbNmSBaTboBGMYCiFIb6dkgQRsJowt5wDJHE%2FogE%3D) --- ## 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?sv=2026-02-06&spr=https&st=2026-11-12T08%3A09%3A57Z&se=2026-11-12T09%3A09%3A57Z&sr=c&sp=r&sig=paOlbNmSBaTboBGMYCiFIb6dkgQRsJowt5wDJHE%2FogE%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-12T08%3A09%3A57Z&se=2026-11-12T09%3A09%3A57Z&sr=c&sp=r&sig=paOlbNmSBaTboBGMYCiFIb6dkgQRsJowt5wDJHE%2FogE%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-12T08%3A09%3A57Z&se=2026-11-12T09%3A09%3A57Z&sr=c&sp=r&sig=paOlbNmSBaTboBGMYCiFIb6dkgQRsJowt5wDJHE%2FogE%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](/desktop/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-12T08%3A09%3A57Z&se=2026-11-12T09%3A09%3A57Z&sr=c&sp=r&sig=paOlbNmSBaTboBGMYCiFIb6dkgQRsJowt5wDJHE%2FogE%3D) 1. Select an element on the application that you would like the Smart Tip to point to. 2. Enter the purpose of the Smart Tip. ![Studio_st_purpose](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_st_purpose.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A09%3A57Z&se=2026-11-12T09%3A09%3A57Z&sr=c&sp=r&sig=paOlbNmSBaTboBGMYCiFIb6dkgQRsJowt5wDJHE%2FogE%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. ![smart tip_on click of icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/smart%20tip_on%20click%20of%20icon.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A09%3A57Z&se=2026-11-12T09%3A09%3A57Z&sr=c&sp=r&sig=paOlbNmSBaTboBGMYCiFIb6dkgQRsJowt5wDJHE%2FogE%3D) 2. Finish creating the Smart Tip.