Interactivity Engine

OxyPowerPack dock has 3 different parts to it.

  1. Interactive Engine - Interactivity
  2. WordPress Ajax Dashboard - WordPress and
  3. Maintenance Mode.

We will go from the easiest thing to complicated thing. So first lets see Maintenance Mode:

Maintenance Mode:

Maintenance mode has 2 ways of implementing the maintenance mode, either

  1. Replace the Page Content: your home page content will be temporarily replaced by the specific page you want to show.
  2. Redirect to a different page: When users visits homepage they will redirected to the specific page you want to show.

An interesting thing is you can control who sees the Maintenance mode, i.e., you can either remove maintenance mode based on the user roles or show them a separate maintenance mode page.

If you bypass want to visit the maintenance mode, you can use the Bypass URL to visit the website homepage, and continue logging into the website. You can change the BYPASS url


WordPress Ajax Dashboard:

Think of the entire WordPress dashboard, working without you having to reload or go to another page, (not completely but mostly)

Want to create a new page? Want to create a new post? Or want to edit the page with Oxygen builder everything can be done within the 'WordPress' part of OxyPowerPack dock without reloading or visiting another page.

This is particularly very useful when you have a new WordPress installation and want to quickly create the pages and posts that you need.


Interactive Engine / Interactivity:

Interactive Engine lets you create Events and perform actions based on those events.

For example, if you hover over a button, you can display a different text in it, or add more text to it. Here the Event is 'Mouse Over' and the 'Action' is Change in text.

So for every Event you can add one or multiple Actions, right now we have 12 events and have 17 actions, so all together you can add 204 unique Interactions to your website.

One marketing implementation would be, if a user scrolls through 30% of the page/blog you can show the user a popup with 50% discount.

Events are divided into 2 parts, based on what triggers them, if they are trigged globally without depending on an element in the webpage it is called Global Event, but if the event trigger is based on an element's engagement then it is called 'Element Events'

  1. Global Events : There are 5 global elements and they are:
    1. Page Load: When a page is completely loaded
    2. Scroll Down: When a user scrolls some %tage of the page.
    3. Countdown timer finished: When
    4. Powerform submitted
    5. Contact form 7 submitted
  2. Element Events (or Oxygen Components like Text, Button or anything within the builder):
    1. Click : Fires everytime the user clicks the specified element
    2. Mouse Over: Fires every time the user moves the cursor over an element
    3. Mouse Out: Fires every time the user moves the cursor away from an element
    4. Enter viewport: Fires every time the element enters users visible area of the page as a result of a scroll, a window resize of a DOM structure change
    5. Exit Viewport: Fires every time the element exits users visible area of the page as a result of a scroll, a window resize of a DOM structure change
    6. Start overlapping element: Fires every time the element starts overlapping the other specified element.
    7. Finish Overlapping element: Fires every time the element finishes overlapping the other specified element.