Actions and Events Overview
Video Tutorial:
Article:
Actions are scripts you can use on elements and layers on your page according to events that happen.
Actions and events can be set at page, layer and element level.
To set actions and events for your whole page, click Actions in the top toolbar.
To configure actions and events for a layer, click the three dot menu next to that layer’s name in the Layers dialog and click Actions and Events.
And to configure actions and events for an element, click to select your element and go to Element Properties > Actions and Events. Then, click Add New Action.
NOTE: To apply actions and events to elements, you’ll need to give the elements a name. You can do this by selecting the element and going to the Properties Panel > General Properties.
Event Type
This specifies what kind of event has to happen to trigger the action you’ll select next.
Click - when the user clicks the element or layer (elements and layers only)
Exit Intent - when the user moves to exit the page (page only)
Mouse Movement - when the user’s mouse enters or leaves the element (elements only)
Scroll - when the top or bottom of the element scrolls into the viewport (elements only)
Time - on a set duration of time after a layer is shown or the page loads (layers and page only)
Page Scroll - when the page scrolls either 25%, 50%, 75% or 100%
Sticky Video - when the sticky video appears or disappears
Video - when the video starts, ends, pauses or unpauses
Video Time - when the video reaches a certain time or plays for a certain amount of time
Open/Close - When a layer is either Open or Closed
Action
This is where you choose what happens after the event you specified.
Show - fades in or shows the target
Hide - fades out or hides the target
Sticky Video - choose to show or hide the sticky video on your page
Video Player - gives you options to apply to your video player, including start, pause and close fullscreen
Script - runs the target script
Start timer - will start a countdown timer
Pause timer - will pause a countdown timer
Target
This is where you choose which element or layer you’ll apply the action and event to. Click the dropdown to choose from the available options, and toggle Include Contained Elements to On to affect the elements contained within the target element or layer.
NOTE: If an element with Action and Events on it is cloned, these won't be saved. However, they are saved on templates and pages/funnels added by share codes.