# Steps Triggers

## Overview

The **Steps Triggers** feature lets you define specific events that trigger actions within a step. You can set multiple triggers per step, each with its own conditions (If) and actions (Then). This enables you to create highly interactive and responsive user experiences.

### **Accessing the Triggers Tab**

* Navigate to the desired step in the tour builder.
* Click on the **Triggers** tab in the side panel.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FPEff9tmDqDH7TYXUECBd%2Fimage.png?alt=media&#x26;token=c283e055-4b83-4275-a7a4-d88ecb11675b" alt=""><figcaption></figcaption></figure>

### **Adding Triggers**

* Click **Add Trigger** to create a new trigger.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FHSAke5T0rL1z4oc9zULQ%2Fimage.png?alt=media&#x26;token=a286ee24-8e2c-4fdf-b132-3c206d15bcfc" alt="" width="406"><figcaption></figcaption></figure>

* Define the "If" condition and the "Then" action for the trigger.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FYj1bt6SaEh7cy1lUpfDF%2Fimage.png?alt=media&#x26;token=4c0bb776-2958-45a9-9402-0aa09eedad25" alt="" width="362"><figcaption></figcaption></figure>

#### Examples

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FRk6OuwlHWtztILfNb5cC%2Fimage.png?alt=media&#x26;token=59c5ea0e-71b0-40a0-b64b-b0521674819d" alt="" width="403"><figcaption></figcaption></figure>

1. **Button Click Navigation**
   * **If:** Button A is clicked
   * **Then:** Navigate to Step 2
2. **Input Filled Action**
   * **If:** Input field is filled
   * **Then:** Dismiss experience

## If Trigger

The "If" trigger sets the condition that must be met for an action to occur. It allows you to specify criteria based on user interactions or other events that will trigger the subsequent action.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FOquR88CjtW0ze2ohL77x%2Fimage.png?alt=media&#x26;token=df27580b-044d-4ace-a7c1-bf8883899a45" alt=""><figcaption></figcaption></figure>

### Setting Conditions (If)

Conditions define the criteria for triggering an action. This logic is similar to [events](https://help.usejimo.com/docs/analyze/success-tracker/events) in success trackers and the "[on event trigger](https://help.usejimo.com/docs/publish/trigger-on-the-right-spot-show-on#on-event)" in experience settings. Use conditions to create specific, event-based workflows within your tours. Conditions can be combined using AND/OR logic.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FKwidjYDEooWW82d0AYaw%2Fimage.png?alt=media&#x26;token=9e5c92b4-a3a4-4bb0-89db-009732c02c0e" alt=""><figcaption></figcaption></figure>

### Types of Conditions (If)

* **Element**: Triggers when an element is present, clicked, or hovered. Ideal for interactive elements like buttons or links.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FH1YbV51puJDK6KTS9Fl2%2Fimage.png?alt=media&#x26;token=5d81c8a6-c801-4abe-85a8-fdb8d1c30501" alt=""><figcaption></figcaption></figure>

* **Fills in Input**: Triggers when a specific input field is filled. Useful for form completions.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FPJLNvukLaV6Q80gqyhcK%2Fimage.png?alt=media&#x26;token=2e4a8c65-034f-4b7a-a79b-b6bcbee0b679" alt=""><figcaption></figcaption></figure>

* **Current Page URL**: Triggers based on the current page URL. Perfect for page-specific actions.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FV81fG5Pu6uFKOdfnEer0%2Fimage.png?alt=media&#x26;token=370f7054-9ca8-48c5-b957-e13bc895c9b0" alt=""><figcaption></figcaption></figure>

* **Delay**: Triggers after a specified delay. Useful for timed actions.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2F84Rkx03715xBerBWCVmI%2Fimage.png?alt=media&#x26;token=ff89a19f-840b-4723-9556-ebe09f93c7aa" alt=""><figcaption></figcaption></figure>

## Then Trigger

The "Then" trigger defines the action that occurs once the "If" condition is met. It specifies what happens next in your workflow, ensuring a smooth and logical progression.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FVQw5wKVlmv389gpcWQLA%2Fimage.png?alt=media&#x26;token=9868ba21-d243-4931-9991-6080517139ac" alt=""><figcaption></figcaption></figure>

### Defining Actions (Then)

Actions are the responses triggered by the conditions. Similar logic can be found in previous [CTA actions](https://help.usejimo.com/docs/experiences/tours-and-modals/components#cta-actions) but with enhanced capabilities. Actions can be combined by adding multiple actions.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FPUWfzTUYp7h6BUTWkoJw%2Fimage.png?alt=media&#x26;token=8717aac6-f5fa-49c5-958d-ef36356bac2b" alt=""><figcaption></figcaption></figure>

### Types of Actions (Then)

* **Go to Step**: Navigate to another step within the tour. Useful for creating multi-step processes.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2Fv01RSX63i53y984nwTQw%2Fimage.png?alt=media&#x26;token=3eefa41f-cf08-4b3e-8429-aeb957b4b12e" alt=""><figcaption></figcaption></figure>

* **Dismiss Flow**: Ends the current experience. Ideal for concluding a tour or modal.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FCBDmOqqMmttksEKL5xH6%2Fimage.png?alt=media&#x26;token=797e6162-286e-406a-ae1d-ddc6d734850b" alt=""><figcaption></figcaption></figure>

* **Launch Experience**: Starts another Jimo experience. Useful for chaining experiences. (Works only with published experiences, you can't launch drafts.)

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2Fq9NoWzelRmxabhGdGmpu%2Fimage.png?alt=media&#x26;token=a8427a42-ef7d-4a2d-ab41-b5d4b508c676" alt=""><figcaption></figcaption></figure>

* **Navigate to**: Sends the user to a specific page URL, either absolute or relative. Perfect for directing users to different parts of your site.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FAZdBRePTzQunMHABZDG1%2Fimage.png?alt=media&#x26;token=75c62c9d-50bd-4a2f-bc41-53c5a096b765" alt=""><figcaption></figcaption></figure>

* **Run JavaScript Code**: Executes custom JavaScript code. Ideal for advanced custom actions and integrations.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FbrmoOvxuRhMwQUR8nPMw%2Fimage.png?alt=media&#x26;token=a1e51568-1098-47c5-b2cd-67402a678160" alt=""><figcaption></figcaption></figure>
