Top
Login
Contents x
Add a branch to a Flow
  • 18 Oct 2024
  • 3 Minutes To Read
  • Print
  • Dark
    Light
  • PDF
Contents

Add a branch to a Flow

  • Updated On 18 Oct 2024
  • 3 Minutes To Read
  • Print
  • Dark
    Light
  • PDF
Article summary

Branching enables you to guide end users through several possible options. For example, if there are multiple paths that an end user can choose as part of a Flow, then branching can be used to ensure the users are guided irrespective of which option they select.

Add branches while creating a new Flow or while editing an existing one.

Use the following steps to create a branched Flow:

  1. Log in to the application where you want to create content, and then launch the Whatfix Studio.
  2. Click Flow.
    Studio_Click_Flow
  3. Enter the name of the Flow as you want it displayed to the users.
    Studio_Enter_Flow_Name
  4. Click + Add Step.
    Studio_Click_Add_Step
  5. Click the desired element on the page that the user needs to select.

  1. Review or edit the auto generated action text on the step.
    image.png
Info:

Enter any additional information that you want to provide in the description section of the tooltip.

  1. Under CONFIGURATIONS, expand Appearance.
    Studio_configureflow

    Make the following configurations:

  • Select a Tool tip appearance from the available options.
  • Select the tip Color from the existing color picker or enter the hex code of the desired color.
  • Select the Close (X) color from the existing color picker or enter the hex code of the desired color.
    Choose_Flow_Theme.png

  1. Expand Position and select the desired position of the tooltip.
    Choose_Position_Flow.png

  2. Under the Step Completion Rules section, select On click of selected element as the Step Completion rule.
    Editor_flow_on_selected_element

Info:

For more information on Step Completion Rules, see Define step completion rules.

  1. Click Save Step.
    Click_Save_step.png

  2. Hover your cursor over the step you want to create a branch, and then click the branching icon.
    Click_branch_icon.png

Create a Branched Flow using one of the following ways:

  • Create Branch
  • Import Flow
Create a Branch

Use the following steps to create a Branch Flow:

  1. Once you click the branch icon, click Create Branch.
    Studio_createbranch

  2. Enter a name for the Branch Flow.
    Studio_branchflow

  3. Under BRANCH DETAILS, in the Branch description text box, add the description.
    Add_branchdescription

your title goes here
  • The Branch description text is solely for your (Content creator's) reference and is not visible to your end users.
  • The maximum character limit for Branch description is 100 characters.

  1. To define the conditions for branching, click + Add Rule, and then add a rule.
    Studio_addrule

  2. Go to the STEPS tab, and then click +Add Step.
    clm_branching_branched flow_add step

  3. Click the desired element on the page that the user needs to select.

  4. Review or edit the auto-generated action text on the step.
    clm_branching_edit the tip

  5. Under CONFIGURATIONS, expand Appearance.
    Studio_configureflow

    Make the following configurations:

  • Select a Tool tip appearance from the available options.
  • Select the tip Color from the existing color picker or enter the hex code of the desired color.
  • Select the Close (X) color from the existing color picker or enter the hex code of the desired color.
    Choose_Flow_Theme.png

  1. Expand Position and select the desired position of the tooltip.
    Choose_Position_Flow.png

  2. Under the Step Completion Rules section, select the desired rule. For more information on the Step Completion Rules, see Define step completion rules
    Define_step_completion rules.png

  3. Go to the ADVANCED OPTIONS tab, expand the Display Rules section, and then click + Add Rule to set the Display Rules.
    2024-06-12_09-39-32.png

  4. Click Save Step.
    clm_branching_save step

  5. To add additional steps, repeat steps 6 to 11.

  6. Click Save Branch.
    clm_branchong_save branch

Note:

  • Once you create a Branch Flow, a visualization icon appear on the bottom right of Whatfix Studio.
    clm_flows_branching_visualize icon

  • A Flow chart that displays a single view representation of complete Flow appears:
    flowchart

For more information, see Visualize the Branching in a Flow.

Info:
  • In the same way Multi-level branches can also be created. The Multi-level Branch Creation feature enables you to create branched Flows while creating the main Flow or attach an existing flow to the main Flow. This eliminates the need to create flows and then attach them to the main flow while creating it.
  • The branched Flow is saved on your Dashboard and you can reuse the same Flow as a branch in other Flows.
  1. Once the branches are created, click Save Flow.
    clm_branching_save flow
Note:

Use the Whatfix Dashboard to update a branch in an existing flow.

Import Flow

Use the following steps to add a branch by importing an existing Flow:

  1. Once you click the Branch icon, click Import Flow.
    clm_branching_import flows

  2. To define the conditions for branching, click + Add Rule.
    clm_branching_import flow

  3. Click Attach flow to select and attach the Flow you want to branch to.
    Studio_AttachFlow

  4. Select the Flow.

  5. Select the step number you want the Flow to jump to, and then click Attach.
    clm_branching_add steps

  6. Use the Add Another Branch button to add multiple branching conditions as required.
    clm_branching_add another branch

  7. Click Save Branch.
    clm_branchong_save branch

Note:

  • Once you create a Branch Flow, you can see a visualization icon on the bottom right of Whatfix Studio.
    clm_flows_branching_visualize icon

  • A Flow chart that displays a single view representation of complete Flow appears:
    flowchart

For more information, see Visualize the Branching in a Flow.

  1. Click Save Flow.
    clm_branching_save flow
Was this article helpful?
What's Next
Privacy Policy | Whatfix Glossary | Whatfix Platform Status
Copyright © 2024 WHATFIX TM. All rights reserved.
Change password!
Changing your password will log you out immediately. Use the new password to log back in.
Change profile
Success!
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.
Logout