Branching is a way to redirect a particular Whatfix Flow to any step (instead of the next) of another (or same) Flow based on user interaction, variables or conditions on the page.
Here's an example of how Whatfix Branching can work for you.
You have created a Flow that explains the User Dashboard of your web application. The Flow explains the multiple parts of your User Dashboard as the user hovers the mouse over each tooltip. Branching can be set up from this Flow to specific Flows created to explain the separate parts on the dashboard.
Condition (which must be evaluated to " true")
Target Flow (and a step of the Flow to branch to)
your title goes here
When selecting a target Flow, the user is presented with a dialog listing all available Flows in the account
A step can have multiple branches. The first branch whose conditions evaluate to true is selected.
Commonly used conditions when configuring branching rules are explained below.
If you want to identify a page based on the presence of a particular element (other than the one you have selected) on your web page, you can use this condition. The values passed to this condition are CSS selectors like #ID, .class or Jquery.
Note: Use this condition only if it doesn't slow down your application.
Example: If you want to check user . role='admin', you can set the condition.
You can also use this option to perform comparison options as below:
Date Greater than
Date Less than
Note: You don't need to add a window at the start for window variables.
This is the element that the user clicks to decide which branch to take. These are typically buttons or tabs that do not have any options to choose from. Ensure that when selecting an action element as a branching rule, the step completion is set to on selected element.
Action Element Text
This is the text that is displayed on the Action Element that is selected above.
Element CSS Selector/ JQuery
Your application uses unique IDs for some elements on the page. This is used when your element is selected from a list of options. For example, a drop-down menu. This lets you provide your own CSS selector identifier for the element .Sample values
#ID_ELEMENT .CLASSNAMEinput [title="Search"]
This is the text that is displayed on the Element selector that is selected above.
If your application supports multiple languages, you can choose "is one of" option and add the name with a comma (,) as a delimiter.
Note: The value is case sensitive.
your title goes here
When you select the Action element or Other element on page as the condition, you do not need to find the code. Instead, use the Selector from the drop-down menu to simply click the element in your application and select the necessary value.
When you select Action Element as the condition, the Step Completion Rule must always be On click of selected element only.