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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us