- 08 Oct 2024
- 4 Minutes To Read
-
Print
-
DarkLight
-
PDF
Trigger a Smart Tip based on User input
- Updated On 08 Oct 2024
- 4 Minutes To Read
-
Print
-
DarkLight
-
PDF
Whatfix enables you to add Triggers to the Smart Tips. Use Triggers to provide contextual nudges to your end users based on some criteria on the underlying application. Select the element and set the conditions based on the text, number, and date fields that are fetched from the underlying application to show a Smart Tip to your users.
For example, add text as a condition to show a Smart Tip only when that text is present on the application.
Use Cases
Show a Smart Tip only on a Specific day
You might have a Smart Tip with the information that needs to be shown only on a particular day. In this case, set the date as a Trigger condition and add the date on which the Smart tip should appear.
Show a Smart Tip only when a particular text is selected
There might be instances when a user should fill a field in a form based on the options they select from a dropdown. In this case, you might want to show a Smart Tip only when a user selects a particular option from the dropdown. This can be achieved by using text condition as a Trigger, where you add the text and show a Smart Tip based on the text the user selects on the page.
Use the following steps to add a Trigger to a Smart Tip:
-
Log in to the application where you want to create content, and then launch the Whatfix Studio.
-
Under WIDGETS, click Smart-tip.
-
Enter a name for the Smart tip Collection.
- 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 (Creator's) reference and is not visible to the end user.
- Click + Add Help Tip to create a new Smart Tip.
-
Select an element on the application to which you would like the Smart Tip to point.
-
Enter the purpose of the Smart tip.
-
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.
-
Expand Appearance, under the Tooltip section, make the following configurations:
- Color: Select a tooltip Color from the existing color picker or enter the hex code of the desired color.
- Close (X): Choose to show or hide the X icon on the tooltip by enabling or disabling the Close (X) toggle.
- Close (X) color: Select the Close (X) color from the existing color picker or enter the hex code of the desired color.
- Title: Select font size, color, and style of the Tool Tip Title.
- Description: Select font size, color, and style of the Tool Tip text.
- Under the Icon section, select the Type, Color, and Size of the icon.
Whatfix enables you to add custom icons for Smart Tips. To add custom icons, see Use custom icons for Smart Tips.
- Under the Positioning section, adjust the position of the Smart Tip.
The following are the two different positioning modes available:
-
In the Basic Positioning mode, choose among the four available positions.
-
In the Advanced Positioning mode, make micro adjustments to the position of the Smart Tip. Either use the navigational arrows or enter the value in the Movement on key click(px) dropdown to change the position by pixels.
-
In the Tooltip Position section, choose the position of the tooltip.
-
Go to the ADVANCED OPTIONS and then scroll down to the Triggers section.
-
In the Triggers section, select Based on the property.
-
Click Select element to create a condition.
-
Click the desired element to which you want to add the Trigger.
-
Once you select the element, use the Element Preview icon to preview the selected element.
Use the Reselect element icon to reselect the element.
- Using the dropdown, select the Data type of the trigger.
There are 3 different Data types that can be added as a condition to trigger a Smart Tip,
-
Select the Data type as Date.
-
Choose a Date Format.
-
Under the If date is section, choose the condition you want to set.
-
Add a date specific to your use case.
-
To add additional rules, click + Add Rule, and then add the dates.
-
Click Save Tip.
-
Select the Data type as Text.
-
Under the If text is section, choose the operator you want to set.
-
Enter the Text in the text box.
-
To add additional rules, click + Add Rule, and then repeat steps 15 to 17.
-
Click Save Tip.
-
Select the Data type as Number.
-
Under the If number is section, choose the operator you want to set.
-
Enter a Number in the text box.
-
To add additional rules, click + Add Rule, and then repeat steps 15 to 17.
-
Click Save Tip.
-
To add additional Scenarios, click +Add scenario.
-
Upto 5 combination of Triggers can be added to a Smart Tip.