Try WP Interactions Beta Now

WP Interactions Beta is out now, giving you an exclusive first look at this new game changer in the WordPress space! Learn all about what it is, how it works and how to join our beta program in this article.

What is WP Interactions?

WP Interactions is a WordPress plugin that gives people the ability to bring their sites to life with animations and dynamic user interactions.

WP Interactions is crafted for the WordPress Block Editor, yet its versatility extends to any element you find in a website. So you should be able to seamlessly create interactions whether it’s for core WordPress blocks, page events like scrolling or loading, and even third-party plugins.

WP Interactions is developed by the creators of Stackable – Page Builder Gutenberg Blocks.

Understanding Interactions

Interactions are elements that respond to user actions on a website. It is composed of one trigger and an action (or a series of actions). Examples of interactions could be anything from a block changing color on hover, to a section of content updating in real time as users interact with your website.

You can create two types of interactions on WP Interactions: Element Interactions and Page Interactions.

Each interaction in the images above have multiple triggers that you can choose from. Expect this trigger list to grow as we continue to improve the plugin.

Element Interactions are actions that occur when a user interacts with any element on a page. These are triggered when a user clicks, hovers over, or interacts in any way with a specific element (like a button, image, or text). This could be an animation, a color change, or even a new piece of content popping up.

Example of an Element Interaction: another element fades in when hovering over images

On the other hand, Page Interactions are like the reactions your webpage has to broader changes or actions. These are not linked to a single element but are triggered by the overall state of a page. For example, a dialog could pop up when the website visitor is about to exit the page, or when the user scrolls down to a certain point in the page. In the example below, you could see images increasing in opacity as the user scrolls.

Example of a Page Interaction: Elements would fade in when the visitor scrolls down

Both these interaction types work together to give you complete control over how users experience and interact with your website, from the small details to the big picture. WP Interactions simplifies adding engaging, interactive, and user-friendly features to your site and you can have it at your fingertips now with our beta release!

Understanding Actions

For every interaction that you create, you can add one or more actions to occur. Actions range from animations like fading in or out, or moving elements around; to functional things like scrolling to a part of your page, updating HTML or updating the page’s state.

Actions list
List of all available actions in WP Interactions (so far)

How to Access the Beta

To get your hands on the beta version of WP Interactions, simply sign up from our home page. We’re inviting you to try out our beta version for free. This is your chance to be among the first to experience the full potential of an interactive WordPress website!

Quick Getting Started Guide

Once you’ve signed up and downloaded the beta, getting started is easy:

1. Upload and Activate the Plugin to add it to your WordPress staging or testing site.

2. Create/Open a Page or Post. You can add a pattern to get up and running quickly.

3. Add an Interaction. Select a block and click the ‘Add an Interaction to Block’ button in the toolbar.

In the interaction menu that pops up, select one of the interaction triggers that are available.

4. Name your Interaction. You can label an interaction anything you want; we suggest a word or phrase that would best describe the actions that will occur.

5. Add your action. In the Action Timeline dialog, click the plus (+) button and explore all the actions that are available.

As an example, we’re going to make the text appear when the cursor is hovering over the image and we’re applying it by targeting the text with our actions. See how we’ll achieve that with this video below:

6. Explore! There are so many other types of interactions you can make with WP Interactions. Mix and match triggers and actions to achieve that engaging, dynamic experience you’ve always wanted for your website!

Providing Feedback

We’d love you to be a part of the development of WP Interactions. As you explore beta, we would really appreciate it if you share your thoughts, experiences, and any issues you encounter. You can head to our Feedback Form, message us on Facebook, or join our community to discuss with other beta users!

This can be done directly through the feedback form within the plugin, or through our community on Facebook.

What’s Next?

This is just the beginning. With your feedback, insights, and suggestions, we’ll be able to refine WP Interactions and perfect it for the wider WordPress community. Keep an eye out for regular updates and, of course, the official release.

Join us in redefining website interactivity. Join the WP Interactions beta now.


Posted

in

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *