Create Smart Tips

Creating a Smart Tip is a two-step process:

Step 1: Create the Smart Tip
Step 2: Configure the segment for the Smart Tip

Step 1: Create the Smart Tip

Use the following steps to create a Smart Tip:

6. Enter the purpose of the Smart tip.
   

   Note

   You can also add a more detailed optional description.

7. In the CONFIGURATIONS tab, expand the Interaction dropdown, and then in the Display smart-tip on section, select when you want to display the Smart Tip.
   

8. Under the Positioning section, adjust the position of the Smart Tip.
   

   your title goes here

   The following are the two different positioning modes available:

   • In the Basic Positioning mode, you can choose among four available positions.
     

   • In the Advanced Positioning mode, you can make micro adjustments to the position of the Smart Tip. You can either use the navigational arrows or enter the value in the Movement on key click(px) dropdown to change the position by pixels.
     

9. In the Tooltip Position section, choose the position of the tooltip.
   

   your title goes here

   Display Rules enable you to configure Smart Tips to get displayed only when certain conditions are met. Setting Display Rules for a Smart Tip ensures that the Tip appears on the correct page, based on the conditions set.

   Use the following steps to add Display Rules to a Smart Tip:

   a. Click the ADVANCED OPTIONS tab.
   

   b. Under the Display Rules section, click + Add Rule to set the desired conditions.
   

   • For more information on the different conditions that can be used in Display Rules, see Visibility and Display Rule Conditions.

   • You can choose to add multiple Display Rule Conditions using the + Add Rule button.
     

10. Click Save Tip.
    

    Info

    To add more Smart Tips, click + Add Help Tip on Studio, and then repeat steps 5 to 10.

11. After all the Smart Tips are created, on the Studio, click Save Tip.
    

12. On the confirmation Pop-up, click Okay.
    

    Note

    Once you have created the Smart Tip collection, a segment is automatically created on your Whatfix Dashboard.

Step 2: Configure the segment for the Smart Tip

Use the following steps to configure the segment for the Smart Tips:

3. Hover the cursor over the Smart Tip segment you want to configure, and then click the Edit icon.
   

   Note:

   The segment name is the Smart Tip collection name.

4. Expand the Set Visibility Rules section, select the Window Variable or the Other Elements on Page option using the dropdown, and enter its value.
   

   Info:

   • To find the Window Variable and its value for the desktop app, see Finding the window variable values for Visibility Rules.
   • To find a unique CSS selector for the selected element, contact your Whatfix Representative. For more information, contact support@whatfix.com

5. Add the collection that you created earlier.
   

6. Click Save.

7. Once you have configured the Smart Tip segment, select the segment using the checkbox, and then click Send to ready.
   

8. Go to the Ready stage, and then click Push to production.
   

   Info:

   • Position the Smart Tip carefully so that no other important information or element is hidden behind it.
   • To create a sequence of Smart Tips, all the tips must be on the same page. If Smart Tips are to be used for multiple pages, separate segments need to be created for each individual page.