Fastr Workspace - Interactions: Triggers

Overview

In this article, we will be specifically looking at how the Interaction Triggers work. We’ll break down each trigger type—such as On Click, Mouse over, Mouse leave, Enter viewport, and Immediate load—and explain how they initiate different actions within your experience. For general information about adding an interaction, please review the following article: Fastr Workspace - Interactions Overview
 

As a first step, you will need to click on a widget and navigate to the Interact tab. From here, you can click on the plus icon to add an Interaction to that widget. 

After clicking on the plus icon, the default interaction will appear for opening a link. In this panel, you will see the “Await Trigger” option. Clicking on it will open a small pop-up window where you can adjust the given trigger. The trigger options can all be seen here:

Triggers:

Each of the trigger effects can be used to achieve different effects. The following example can be used to preview how the different triggers might cause a Rotation to occur: Trigger Examples

• Click: Triggers the action when the user clicks on the widget. This can be used to open a URL, a pop-up window, or to trigger an animation when a user clicks on a given widget. The "On Click" trigger can be set to toggle repeatedly, or only occur the first time a user clicks on the widget. 

• Mouse Over: Triggers the action when the user hovers the mouse over the widget. This can be used to have a button change when a user hovers, typically by adding an animation. This could also be used to display a pop-up Overlay when a user hovers their mouse over a certain section of the page. Please note that if you'd like to undo the action, you will also need to add a "Mouse Leave" trigger to the same widget.

• Mouse Leave: Triggers the action when the user hovers the mouse over the widget. This can be used to have a button change when a user hovers, typically by adding an animation. This could also be used to display a pop-up Overlay when a user hovers their mouse over a certain section of the page. Please note that if you'd like to undo the action, you will also need to add a "Mouse Over" trigger to the same widget. 

• Enter Viewport / Immediately: Both of these triggers can be used to make an action occur without any user interaction. This is useful for having an animation that plays automatically. The main difference between the two actions is that immediately will happen even if the widget is not visible. The "Enter Viewport" action will only occur once the user scrolls and can see the widget. Therefore, the "Enter Viewport" action is used most commonly, but there are cases where "Immediately" works well. 

• Labeled: The labeled action is the most complex, as it allows you to link multiple widgets together. In order to use this trigger, you will also need to use to "Active Label" action. For more information about using Labels, please review this article: Fastr Workspace - Interactions: Labels
• Y Threshold - It defines the vertical scroll point at which an action or animation is triggered on the page. It is typically expressed as a percentage (%), representing how far the user has scrolled down the page relative to the viewport or scrollable area. When the page is scrolled and the defined Y Threshold percentage is reached, the configured action—such as an animation, transition, or interaction—will begin. This setting helps in creating parallax effect. Here is the article for reference: Fastr Workspace - How to create Parallax effect
   

If you have any follow-up questions or need further assistance, please feel free to reach out to us at support@getfastr.com — we're happy to help!