— DOCUMENTATION & HELP CENTER

PageFluent – Overview.

PageFluent ships animated page transitions, scroll-driven reveals and block-level micro-animations to any WordPress site — no theme lock-in, no JavaScript build step, and a runtime that stays under 14 kb gzipped. This page is your 5-minute tour.

Getting started

Note:
Before anything else, it is imperative that your WordPress theme is developed correctly. It must include the following tag : _{^{<?php wp_body_open(); ?>}}

Download

Free version : You can download the free version from the official WordPress plugin directory.

Premium version : You can download your premium version on logging in.

Installation

With WordPress dashboard

1. From the Administration Screen, click on the Plugins section
2. click the Add New sub menu
3. Click on “Upload plugin,” and select the zip file you previously downloaded.
4. Then click the Install Now button
5. After installation and activation, you will find a new menu item called PageFluent

With SFTP client :

1. Connect to your server
2. Upload the zip file folder to the /wp-content/plugins/ directory
3. Activate the plugin in the Plugins Menu
4. After installation and activation, you will find a new menu item called PageFluent

1. After your purchase, you should have received a validation email with your login credentials.
2. Go to the My Account page and log in to your user account.
3. In the downloads tab, you can download the latest version of the PageFluent plugin.

When you activate the premium version, you should enter your licence key to use the plugin. You can find it in the validation email as well as in your user account, under the Licenses section.

Enable PageFluent

PageFluent features a general activation toggle. You can enable or disable it by clicking on the button labeled “Enable PageFluent“.

Activate transitions only on the first page visited

You can activate transitions and loader effects only on the user’s first visit.
By activating this function, a cookie will be placed on the user’s browser and reset after one hour.

Disable transition effect on certain links and buttons

You can disable transitions and loader effects on certain links by assigning them the .wpjpf-exluded class.

Transitions settings

Enable transition

You can enable or disable the transition feature by checking this option. However, please note that for a loader to work, a transition must be activated without fail.

Select a color

In the free version, you have access to a limited color palette. By clicking on the desired color, you can change the transition color.

In the premium version, you have access to a custom color palette. You can choose the color directly using the color picker or enter the desired color code directly, in RGB, HSL, or hexadecimal format.

You have two settings regarding the various timings of the transition. The “Waiting duration” value concerns the pause time between the end of the exit transition and the beginning of the entry transition.

The “in/out duration” value corresponds to the duration of both the exit and entry transitions.

All these values are measured in milliseconds (ms). For example: 2000ms for 2 seconds.

Select a transition

You can choose the desired transition by clicking on it. The free version has a limited selection. Upgrade to the premium version if you wish to access all transitions.

By the way in the pro version, you can choose an arrival and departure transition for more personnalization.

Loaders settings

Enable loader

You can enable or disable the loader function by checking this option. However, please note that for the loader to work, a transition must be activated without fail.

You can add your logo as the loader. Click on “Add Logo” to upload it or use a logo from your media library.

Please note that when a logo is loaded, it automatically disables any other selected loaders. Removing it will automatically reactivate the saved loader.

Select a color

If you have selected a loader other than your logo, you can choose its color.

• In the free version
  You have access to a limited color palette. By clicking on the desired color, you can change the transition color.
• In the premium version
  You have access to a custom color palette. You can choose the color directly using the color picker or enter the desired color code directly, in RGB, HSL, or hexadecimal format.

Select a loader

You can choose the desired loader by clicking on it. The free version has a limited selection. Upgrade to the premium version if you wish to access all transitions.

Changelogs