What are the Types of Actions?

An action is what happens in response to a trigger. It is the result or behavior that follows when the trigger occurs.

Here is the current list of actions you can add to an Element or Page Interactions. You can expect this list to grow as we continue improving WP Interactions:

Display

  • Display - Change the CSS rule: display
  • Visibility - Show or hide element

Animation

  • Opacity - Change the opacity of the element
  • Move - Move an element
  • Rotate - Rotate an element
  • Rotate 3D - Rotate or tilt an element
  • Scale - Scale an element
  • Skew - Skew an element

Style

  • Toggle CSS Class - Toggles a CSS Class
  • Text Color - Changes the text color
  • Background Color - Changes the background color
  • CSS Rule - Changes a CSS style rule

Navigation

  • Scroll to element - Scroll to an element
  • Redirect - Redirect to a URL
  • URL Hash - Add a hash to the URL

Event

  • Click Event - Simulate a click on an element
  • Focus - Move focus to an element
  • Fill Input - Fills in an input
  • Dispatch Event - Dispatches an HTML event from an element or from the window

HTML

  • Update Attribute - Updates an HTML attribute
  • Replace HMTL - Replace the inner HTML of an element
  • Replace Text - Replace the text of an element
  • Insert HTML - Insert HTML inside or outside an element
  • Increment or Decrement - Increment or decrement a text number in your HTML, works only with integers

Data Handling

  • Get Data from Attribute - Get data from an HTML attribute to use in later actions
  • Get Value from Input - Get the value of an HTML input field to use in later actions
  • Run Custom JavaScript - Runs a custom JavaScript expression
  • Run Custom PHP - Runs a custom PHP expression

Content

  • Render Shortcode - Render a shortcode and get an output
  • Confirmation Dialogue - Shows a confirmation dialogue before continuing on the succeeding actions. If the user clicks cancel, the timeline will stop.

Post

  • Get Post Data - Gets post data or meta data
  • Update Post Meta - Updates post meta in the database

Logic Flow

  • Conditional Stop - Stop playing the rest of the actions if a condition is met
  • Confirmation Dialogue - Show a confirmation dialogue before continuing on the succeeding actions. If the user clicks cancel, the timeline will stop.


Page State

  • Local Storage - Sets an item in the local storage
  • Page State - Sets the current Page State to another

Miscellaneous

  • Throw Confetti - Celebrate with some confetti
  • Console Log - Prints a value in the browser's console.log - use for debugging purposes only
  • Copy to Clipboard - Copies text to the clipboard