Triggers

An SA5 Trigger is a user action or system state-change that occurs, which invokes an SA5 Event. These are generally classified as;

• User triggers. Click, scroll, hover, etc.

• Systems triggers. Timers, etc.

• Webflow triggers.

  • Interactions, at any point in the interaction.

  • Open or close of a dropdown

  • Tab switches

  • Slider events

• Custom triggers. Custom code-triggered events.

• Breakpoint change triggers.

• Keyboard triggers.

• Mutation Observer triggers.

• Custom triggers.

• Other triggers.

SA5 Triggers

Types of Triggers

Broadly, there are two types of SA5 Triggers...

• Element Triggers. An element-specific Trigger that is tied to user-interaction with a specific element. Clicking an element, changing a tab, scrolling an element into view are examples.

• Page Triggers. These are Triggers that occur in the context of the page, but are not tied to any specific element. Scrolling a page to 50% of its length, a timer trigger, or an exit intent action are examples. We generally configure these using a special SA5 script Trigger block.

The sub-pages in this section contain specific trigger events.

Make certain to ready the About page for an understanding of

A Trigger invokes an Event which results in Actions.

Trigger	Applies to	Notes
An interaction occurring, reaching a certain point in the interaction		Triggered by affecting a specific element, and a mutation observer is watching that element for chagnes.
Click sa-trigger-click	Any element	Also touch
Scroll into view sa-trigger-scrollintoview	Any element	Currently fires only once
Mousover on an element	Any element	Only works on devices with a pointer
Focus	Any focusable element
Blur
Change	Input elements
Scroll to
Video played	Video elements
Video paused
Video at %
Link Click
Hash change, like nav to #hash	hashchange event	wfu-trigger-hashchange
Load w/ Hash	load event, with the hash set	wfu-trigger-hashload
Hash	load or change	wfu-trigger-hash
Gated Trigger

Triggers

Element-Level Triggers

All Elements

Type	Trigger	Detail	Notes
Any	Click		wfu-trigger-click	wfu-action-click
Any	Link click		Used in ##event constructions
Any	Scrolled into view		wfu-trigger-scrollintoview
Any	Hover		wfu-trigger-hover
Any	Interaction trigger		wfu-trigger-ix
Dropdown	Opened		wfu-trigger-opened	wfu-action-open
Dropdown	Closed		wfu-trigger-closed	wfu-action-close
Tab	Changed
Form	Submit Attempt		wfu-trigger-submit
Form	Submit Success		wfu-trigger-submit-success
ECom	Cart Opened		wfu-trigger-open	wfu-action-open
ECom	Cart Closed		wfu-trigger-close	wfu-action-close
ECom	Item Added		wfu-trigger-add-item
ECom	Item Removed		wfu-trigger-remove-item

Video Elements

Type	Trigger	Detail	Notes
Any	Click		wfu-trigger-click	wfu-action-click
Any	Link click		Used in ##event constructions
Any	Scrolled into view		wfu-trigger-scrollintoview
Any	Hover		wfu-trigger-hover
Any	Interaction trigger		wfu-trigger-ix
Video	Video Played		wfu-trigger-play	wfu-action-play
Video	Video Paused		wfu-trigger-pause	wfu-action-pause
Video	Video Ended		wfu-trigger-finished
Video	Video Progression %		wfu-trigger-seek	wfu-action-seek
Dropdown	Opened		wfu-trigger-opened	wfu-action-open
Dropdown	Closed		wfu-trigger-closed	wfu-action-close
Tab	Changed
Form	Submit Attempt		wfu-trigger-submit
Form	Submit Success		wfu-trigger-submit-success
ECom	Cart Opened		wfu-trigger-open	wfu-action-open
ECom	Cart Closed		wfu-trigger-close	wfu-action-close
ECom	Item Added		wfu-trigger-add-item
ECom	Item Removed		wfu-trigger-remove-item

Dropdown Elements

Type	Trigger	Detail	Notes
Any	Click		wfu-trigger-click	wfu-action-click
Any	Link click		Used in ##event constructions
Any	Scrolled into view		wfu-trigger-scrollintoview
Any	Hover		wfu-trigger-hover
Any	Interaction trigger		wfu-trigger-ix
Video	Video Played		wfu-trigger-play	wfu-action-play
Video	Video Paused		wfu-trigger-pause	wfu-action-pause
Video	Video Ended		wfu-trigger-finished
Video	Video Progression %		wfu-trigger-seek	wfu-action-seek
Dropdown	Opened		wfu-trigger-opened	wfu-action-open
Dropdown	Closed		wfu-trigger-closed	wfu-action-close
Tab	Changed
Form	Submit Attempt		wfu-trigger-submit
Form	Submit Success		wfu-trigger-submit-success

Webflow Element Triggers

Trigger	Detail
Cart Opened		wfu-trigger-open
Cart Closed		wfu-trigger-close
Item Added		wfu-trigger-add-item
Item Removed		wfu-trigger-remove-item

Form Triggers

Trigger	Detail
Submit Attempt		wfu-trigger-submit
Submit Success		wfu-submit-success

ECom Triggers

Trigger	Detail
Cart Opened		wfu-trigger-open
Cart Closed		wfu-trigger-close
Item Added		wfu-trigger-add-item
Item Removed		wfu-trigger-remove-item

Page-Level Triggers

User Activity

Trigger	Detail	Notes
Page scrolled to %	% amount to trigger	wfu-trigger-scrollpercent
Exit intent		wfu-trigger-exitintent
Rageclick		wfu-trigger-rageclick
Inactivity	Inactivity timer	wfu-trigger-inactivity
Activity		wfu-trigger-activity

Breakpoint Triggers

Trigger	Detail	Notes
Breakpoint Left	Breakpoint(s)	wfu-trigger-breakpoint-left
Breakpoint Entered	Breakpoint(s)	wfu-trigger-breakpoint-entered

System Triggers

Trigger	Detail	Notes
Timer	Timer duration	wfu-trigger-timer
On Load
Reactive Trigger Truthy	Formula evals to true ( and was previously false )
Reactive Trigger Falsy	Formula evals to false ( and was previously true )

SA5 Modal Triggers

Opened

Closed

Triggers from modal invocation should be placed here.

Interaction Triggers

Refers to a category of triggers that are invoked by an interaction.

Since IX2 does not include support for mouse / keyboard events

Make these easier to find

<script type="application/sa5+json" handler="ConversionEvent">
{
  "@context": "https://attr.sygnal.com",
  "@type": "ConversionEvent",
  "@version": "0.1",
  "url": "https://conversion-tracker-url.com", 
  "transactionIdType": "query", 
  "transactionId": "transactionId",
  "type": "contact",
  "item": ""  
}
</script>

? change @type to @handler