---
title: "Define Step Transition rules"
slug: "define-step-transition-rules"
updated: 2026-08-06T15:35:43Z
published: 2026-08-06T15:35:43Z
canonical: "support.whatfix.com/define-step-transition-rules"
---

> ## 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.

# Define Step Transition rules

Step Transition rules in a Walkthrough enable you to define when Whatfix Mobile must stop displaying one step and then show the next step of the Walkthrough. For example, users move to the next step when they click the next button, select the element, or after a delay, and more. Step Transition rules are defined while creating a Walkthrough.

Use the following steps to define step transition rules:

1. After creating a Start page for your Walkthrough, click the **+** icon to create the Walkthrough steps.  

![add_step_walkthrough](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/add_step_walkthrough.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A21%3A40Z&se=2026-10-29T17%3A21%3A40Z&sr=c&sp=r&sig=FF9gHd5sMOA%2FAuJ9t4jITBg5QBJmc0ZJBmpnTxRjIx8%3D)

          your title goes here

          

For more information on creating a Walkthrough, see [Create Walkthrough](/mobile/docs/create-a-walkthrough).

1. Connect the app, capture the app screen, and identify the app screen where you want to show the element.
2. Select the element you want to show. ![step_element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/step_element.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A21%3A40Z&se=2026-10-29T17%3A21%3A40Z&sr=c&sp=r&sig=FF9gHd5sMOA%2FAuJ9t4jITBg5QBJmc0ZJBmpnTxRjIx8%3D)

          your title goes here

          

Create a Popup, Tooltip, Fullscreen, Highlight, Bottom Sheet, or Gesture as elements in your Walkthrough step. For more information see:

- [Create a Pop-up](/mobile/docs/create-a-pop-up)
- [Create Tooltip](/mobile/docs/create-tooltips)
- [Create a Full Screen](/mobile/docs/create-a-full-screen)
- [Create a Highlight](/mobile/docs/create-a-highlight)
- [Create Bottom Sheet](/mobile/docs/create-bottom-sheet)

1. To enable your end user to go to the next step in the Walkthrough, select the **STEP TRANSITION** rules using the dropdown.  

![step_transition.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28294%29.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A21%3A40Z&se=2026-10-29T17%3A21%3A40Z&sr=c&sp=r&sig=FF9gHd5sMOA%2FAuJ9t4jITBg5QBJmc0ZJBmpnTxRjIx8%3D)

The following table gives a brief description of all available Step Transition rules:

| Rule | Available for | Description |
| --- | --- | --- |
| On Element Click | Tooltip, Highlight, Gesture | The next step is displayed when the user clicks the element. |
| On 'Next button' click | Tooltip, Fullscreen, Highlight, Bottom Sheet, Popup | The next step is displayed when the **Next** button in the element is clicked. |
| Auto - after delay | Tooltip, Fullscreen, Highlight, Bottom Sheet, Gesture, Popup | The next step is displayed after a few seconds of delay. |
| Click on next after interacting with the field | Tooltip, Highlight | The next step is displayed after the user interacts with the selected element. |