=== Plugin Name ===
Contributors: Roel Magdaleno
Tags: wordpress, plugin, counter, countup, countupjs, animated
Requires at least: 3.5
Tested up to: 6.0.0
Stable tag: 2.2
License: GPLv2
License URI: http://www.gnu.org/licenses/gpl-2.0.html

You can create a lot of animated numerical counters and display it into your site.

== Description ==

This plugin it's based on Inorganik CountUp.js: https://inorganik.github.io/countUp.js/ and Countup JS Wordpress Plugin (this plugin just permit you create one countup shortcode).

With this plugin and using a shortcode, you can create a lot of animated numerical counter and display it into your site.

== Installation ==

1. Install the plugin via Wordpress Plugin Installer.
2. Activate the plugin through the 'Plugins' screen in WordPress.
3. Go to "Settings"->"CountUP.js" menu to configure options of the plugin.

== Usage and Options ==

Use this plugin, is very easy, you can use it quickly after install it. To do that, you need to use this shortcode:

[countup start="your-value" end="your-value" decimals="your-value" duration="your-value"]

** VERSION 2.0 **

Also you can add the options from CountUP.js Options Page inside of the shortcode, like this:

[countup easing="true" groupig="false" separator="," decimal="." prefix="this_prefix" suffix="this_suffix"]

If you don't use these options inside of the shortcode, the default values will be pull from CountUp.js Options Page.

** END VERSION 2.0 **

** VERSION 2.1 **

All counters started their animation before to reach the target counter. Now, when you scrolled to the target counter, the counter will start their animation.

** END VERSION 2.1 **

** VERSION 2.2 **

Now you can add an option if you wanna start the counter when the page is loaded or when scroll it.

Value = true or false.

** END VERSION 2.2 **

The shortcode accepts those arguments, as you can see previously:

[countup
  start="your-value" //This use a number to begin the counter.
  end="your-value" //This use a number to end the counter at.
  decimals="your-value" //This use a number to put decimals to your counter.
  duration="your-value" //This use a number (seconds) as duration of the counter.
  scroll="your-value" //Load counter when the page is loaded. Default Value: True.
]

Example: [countup start="0" end="55" decimals="0" duration="5" prefix="my_prefix" scroll="false"]

Now you know how to use this plugin, but you can edit some options if you required (Go to "Settings"->"CountUP.js").

- Easing: Easing the counter.
- Grouping: Groups the content into sections (eg. 1,000 vs 1000).
- Separator: You can use a separator (default is comma).
- Decimal: Symbol to use for decimal spot (default is dot).
- Prefix: Character(s) at beginning of string.
- Suffix: Character(s) at end of string.

== Screenshots ==

1. Screenshot-1: Output counters on the site.
2. Screenshot-2: Shortcode example.
3. Screenshot-3: Plugin options page.
4. Screenshot-4: CountUp.js Options inside shortcode.
5. Screenshot-5: Output counters on the site with individual prefix and suffix.

== Changelog ==

= 1.0 =
* Release

= 1.1 =
* jQuery issue was solved.

= 2.0 =
* Now you can add the options from CountUP.js Options Page inside of the shortcode. Please check Usage and Options for more information.

= 2.1 =
* All counters started their animation before to reach the target counter. Now, when you scrolled to the target counter, the counter will start their animation.

= 2.2 =
* Now you can add an option if you wanna start the counter when the page is loaded or when scroll it.

== Upgrade Notice ==