Functional Interactions (FIX)

Functional Interactions (FIX) is a standalone version of Sygnal's SA5 Triggers, Events & Actions model, ported into SSE Code.

It's basic purpose is to make it easy to functionally connect things in your webpage designs, using attributes.

Examples;

• Click a button, and scroll to a position of the page

• Change a tab, and have a slide change with it

• Submit a form, and have custom code hand it to an API

Overview

• Trigger - a user-initiated or system-initiated starting point for a functional interaction.

  • e.g. Clicking an element, hovering over an element, exit intent, a timer, scrolling something into view, etc.

• Event - a defined event that occurs

• Action -

  • e.g.

Use Cases

• Mirror click. User clicks a button, and a tab also is clicked

Current State

The FIX foundation is implemented, and supports very basic FIX triggers, events, and actions.

Custom triggers and actions can be built at the project level.

Data is transported automatically from related attributes, and from sources such as captured for content, to provide it efficiently to the action for processing.

Future

State Tracking

Many Webflow UI elements have state;

• Which tab is current

• Which slide is current

• Whether a checkbox is checked or unchecked

• Whether a Webflow form is ready for entry, or in an error or success state

State changes themselves are often more useful as Triggers and as Actions than a simple mouse click it because there is no ambiguity.

They also may have use as gates. e.g. do this but only if the

Trigger Gates

Criteria that must be satisfied before a trigger will fire;

• Time of day or day of week

• A previous gate that has been passed

• Cookie gates, i.e. time passed since a previous modal view

Telemetry

via Posthog on Triggers, Events, and Actions