— DOCUMENTATION & HELP CENTER

CursorFlex, Overview.

Replace the default browser cursor with a stylish dot, ring, or combination — fully customizable from your WordPress dashboard. Configure everything from a clean settings page with a live preview: pick a cursor style, adjust colors and sizes, and see the result instantly before saving.

Getting started

Download

The free version of CursorFlex is available directly from the official WordPress plugin directory. The premium version is available after logging in to your WP Jutsu account.

After your purchase, you should have received a validation email with your login credentials. Go to the My Account page and log in. In the Downloads tab, you can download the latest version
of the CursorFlex Pro plugin.

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 CursorFlex

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 CursorFlex

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 Custom Cursors plugin.

When you activate the premium version, you must enter your license key to unlock all Pro features. Go to CursorFlex → Settings and paste your key in the License field, then click Activate.

On the right side of the settings panel, you can test your cursor settings in real time and preview them before saving.

Cursors Settings

You can save each slider and modify it later. This allows you to apply different rules for how the sliders are applied in the “Display settings” tab.

In the free version, you can choose from three cursor types: “Dot,” “Ring,” or “Both.” The Pro version lets you display various SVG shapes and upload your own custom cursor.

You can also choose the color, size, and thickness of your settings, as well as the tracking speed for the “Ring.”

Hover settings

You can choose to make your cursor larger when you hover over a clickable element.

You can choose from a variety of effects blend-mode. Please note that the “Difference” or “Exclusion” effect requires a white slider.

Of course, you can change the hover color on the cursor elements you selected earlier.

You can choose a click animation effect and customize its color and size in “px”.

Add a particle effect that follows the cursor; you can customize the color, length, and size of this effect.

Display text and customize its size, position, tracking speed, and color. You can also choose to display this text only when the cursor hovers over a clickable element.

Display text in a circle around the cursor. Adjust the text size, choose the color and diameter, and set the rotation speed.

Display settings

Enable CursorFlex to see the custom cursor appear on your website. In the Pro version, you can disable the cursor and its effects on mobile devices and/or tablets.

You can also choose to hide the browser’s native cursor.

Choose which slider from your design you want to display across your entire website.

This feature is what makes CursorFlex so powerful! You can choose which cursor to display based on the area you hover over. To do this, simply specify an HTML ID (e.g., #example), a CSS class (e.g., .example), or even a specific page using the body tag class (e.g., body.page-id-36).

The possibilities are endless! 😊🚀

Changelogs