Title: WP CountUP JS
Author: Roel Magdaleno
Published: <strong>16 ມີນາ 2016</strong>
Last modified: 4 ທັນວາ 2021

---

ຄົ້ນຫາປລັກອິນ

![](https://ps.w.org/wp-countup-js/assets/banner-772x250.jpg?rev=1372003)

ປລັກອິນນີ້ **ຍັງບໍ່ທັນໄດ້ຮັບການທົດສອບກັບ WordPress 3 ເວີຊັນຫຼັກຫຼ້າສຸດ**. ມັນອາດຈະ
ບໍ່ໄດ້ຮັບການເບິ່ງແຍງ ຫຼື ສະໜັບສະໜູນອີກຕໍ່ໄປ ແລະ ອາດມີບັນຫາການເຮັດວຽກຮ່ວມກັນເມື່ອ
ໃຊ້ກັບ WordPress ເວີຊັນທີ່ໃໝ່ກວ່າ.

![](https://s.w.org/plugins/geopattern-icon/wp-countup-js_fafafa.svg)

# WP CountUP JS

 ໂດຍ [Roel Magdaleno](https://profiles.wordpress.org/rokumetal/)

[ດາວໂຫຼດ](https://downloads.wordpress.org/plugin/wp-countup-js.4.2.4.zip)

 * [ລາຍລອຽດ](https://lo.wordpress.org/plugins/wp-countup-js/#description)
 * [ການຣີວິວ](https://lo.wordpress.org/plugins/wp-countup-js/#reviews)
 *  [ການຕິດຕັ້ງ](https://lo.wordpress.org/plugins/wp-countup-js/#installation)
 * [ການພັດທະນາ](https://lo.wordpress.org/plugins/wp-countup-js/#developers)

 [ການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/wp-countup-js/)

## ຄຳອະທິບາຍ

Display multiple animated counters into your WordPress site.

### Gutenberg

The plugin is compatible with Gutenberg, so you can add the custom block called _**
CountUp**_ to your posts and pages. [Check the wiki for more details](https://github.com/roelmagdaleno/wp-countup-js/wiki/Gutenberg-Block).

### Shortcode

It’s very easy to use this plugin, you can use the shortcode after install it, but
there are two ways to use the plugin:

The first way is:

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

The second way. To use this format you need to check the **_Use the end number inside
the shortcode?_** setting in the plugin option page:

    ```
    [countup start="the-start-number" decimals="your-value" duration="your-value"]the-end-number[/countup]
    ```

### Example

You can use the shortcode in two ways, as mentioned before. If you are using the
first way:

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

If you are using the second way (remember to check the **_Use the end number inside
the shortcode?_**):

    ```
    [countup start="0" decimals="2" duration="5"]55[/countup]
    ```

Copy and paste any example in one of your posts and test.

### Available Attributes

The shortcode and Gutenberg block accepts the next arguments:

 * decimals – Puts the desired decimals into your counter.
 * delay – Set a delay in milliseconds to start the counter.
 * duration – The counter duration represented by a number (seconds).
 * easing – Easing the counter.
 * end – A number to end (arrive) the counter.
 * grouping – Groups the content into sections (eg. 1,000 vs 1000).
 * prefix – A text as counter prefix.
 * reset – Reset the counter after view.
 * scroll – If true, start the counter when the user visualize it.
 * separator – You can use a separator (default is comma).
 * start – A number to start the counter.
 * suffix – A text as counter suffix.

### Settings

You know how to use the plugin now, but you can still edit some options inside of
the plugin settings page (Go to _**Settings->CountUP.js**_).

Inside of the settings page, you can find the next settings:

 * 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 the end of string.

## ພາບໜ້າຈໍ

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

## ບລັອກ

ປລັກອິນນີ້ມີ 1 ບລັອກ.

 *   CountUp

## ການຕິດຕັ້ງ

 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.

## ການຣີວິວ

![](https://secure.gravatar.com/avatar/36aa895d1b34045b7f9ca36777a611802cbd045cab37e6201da2edfc58f1e89d?
s=60&d=retro&r=g)

### 󠀁[Excellent](https://wordpress.org/support/topic/excellent-11387/)󠁿

 [omahoung](https://profiles.wordpress.org/omahoung/) 4 ທັນວາ 2021 1 ການຕອບກັບ

Light plugin, simple to use, works on all browsers, and fast support. Perfect! Thanks!

![](https://secure.gravatar.com/avatar/236fd909edb465d633ff6f89255233a321f9222f50f6cc0739f44da83398c500?
s=60&d=retro&r=g)

### 󠀁[No longer works on chrome](https://wordpress.org/support/topic/no-longer-works-on-chrome/)󠁿

 [jcoonrod](https://profiles.wordpress.org/jcoonrod/) 7 ເມສາ 2021 4 ການຕອບກັບ

Sadly, this plug uses the “target-densitydpi” key which is no longer supported on
chrome so it generates errors and simply stops running.

![](https://secure.gravatar.com/avatar/7f91ad8dd1e610fc3db8f8283771d5c800a06ebca36f09d9726e5484b3c0ee70?
s=60&d=retro&r=g)

### 󠀁[Excellent](https://wordpress.org/support/topic/excellent-5934/)󠁿

 [audunmb](https://profiles.wordpress.org/audunmb/) 14 ກຸມພາ 2018 1 ການຕອບກັບ

It works! Easy to use and has all the options you need, and does exactly what it
is supposed to.

![](https://secure.gravatar.com/avatar/749d81abd1dc88ba86a2de7bc70b7f5a49e3732dffea3a9db639026e828b5f42?
s=60&d=retro&r=g)

### 󠀁[Nice little plugin](https://wordpress.org/support/topic/nice-little-plugin-36/)󠁿

 [norro88](https://profiles.wordpress.org/norro88/) 7 ພະຈິກ 2017 1 ການຕອບກັບ

Nice functionality and easy to set up.

![](https://secure.gravatar.com/avatar/211fb4c39bda1c7e4d36206b7096756d901109f723f4d3bc3155724b405a6d14?
s=60&d=retro&r=g)

### 󠀁[Easy to use, need some features](https://wordpress.org/support/topic/easy-to-use-need-some-features/)󠁿

 [itspriyanka](https://profiles.wordpress.org/itspriyanka/) 3 ເມສາ 2017 22 ການຕອບ
ກັບ

Hi Roel, Thanks for this plugin. Its very easy to use. However, I had a few feature
requests: I want the counter to run on a decimal number. Something like 0 to 2.5
in 1 second. I tried using [countup start=”0″ end=”2.5″ decimals=”1″ scroll=”true”
duration=”1″], but that ends at 25 instead of 2.5 I want a suffix, but want it in
a slighly smaller size than the number. So in 2.5 Lakh, Lakh needs to be in a smaller
font. If I put it outside the counter div, it goes to the next line. Is it possible
to have run the counter whenever someone scrolls up and down and comes to that section?
If these features are already available, pls let me know how to implement them. 
Thanks! Priyanka

![](https://secure.gravatar.com/avatar/e4cbf7e82f5aff0df56272baca19b4415441694a659dd2761a3efa4c294c27de?
s=60&d=retro&r=g)

### 󠀁[Absolutely amazing plugin!](https://wordpress.org/support/topic/absolutely-amazing-plugin-6/)󠁿

 [daytrader007](https://profiles.wordpress.org/daytrader007/) 1 ເມສາ 2017 2 ການຕອບ
ກັບ

This plugin is the only one out there that allows you to use dynamic number directly
from the database by using shortcode within a shortcode. For instance [countup start
=”1″ decimals=”0″ duration=”5″][users_count][/countup] Thank you for adding this
functionality. That person who gave you 4 stars needs to resubmit his review as 
it was his only reason for not giving you 5 stars! I’d give you 6 stars to cover
it 😉 Thanks again!

 [ ອ່ານການຣີວິວທັງໝົດ 10 ລາຍການ ](https://wordpress.org/support/plugin/wp-countup-js/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ ແລະ ຜູ້ພັດທະນາ

“WP CountUP JS” ແມ່ນຊອຟແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມໃນການ
ພັດທະນາປລັກອິນນີ້.

ຜູ້ຮ່ວມພັດທະນາ

 *   [ Roel Magdaleno ](https://profiles.wordpress.org/rokumetal/)

[ແປ “WP CountUP JS” ເປັນພາສາຂອງເຈົ້າ.](https://translate.wordpress.org/projects/wp-plugins/wp-countup-js)

### ສົນໃຈຮ່ວມພັດທະນາບໍ່?

[ເບິ່ງລະຫັດ](https://plugins.trac.wordpress.org/browser/wp-countup-js/), ກວດເບິ່ງ
[ຄັງເກັບ SVN](https://plugins.svn.wordpress.org/wp-countup-js/), ຫຼື ຕິດຕາມ [ບັນທຶກການພັດທະນາ](https://plugins.trac.wordpress.org/log/wp-countup-js/)
ຜ່ານ [RSS](https://plugins.trac.wordpress.org/log/wp-countup-js/?limit=100&mode=stop_on_copy&format=rss).

## ບັນທຶກການປ່ຽນແປງ

#### 4.2.4

 * IMPROVE: Remove Gutenberg dependencies, those aren’t needed anymore.

#### 4.2.3

 * FIX: Decimal counters shows as integers instead of floats.

#### 4.2.2

 * FIX: JavaScript file wasn’t loading properly in some posts and pages for shortcodes.

#### 4.2.1

 * FIX: Main script was loading as type JavaScript instead of Module.

#### 4.2.0

 * Compatible with Gutenberg. Now the plugin has its own Gutenberg Block.

## ຂໍ້ມູນກຳກັບ (Meta)

 *  ເວີຊັນ **4.2.4**
 *  ອັບເດດຫຼ້າສຸດເມື່ອ **4 ປີ ທີ່ຜ່ານມາ** ທີ່ຜ່ານມາ
 *  ການຕິດຕັ້ງທີ່ໃຊ້ງານຢູ່ **1,000+**
 *  ເວີຊັນ WordPress ** 5.7.4 ຫຼື ສູງກວ່າ **
 *  ທົດສອບເຖິງເວີຊັນ **5.8.13**
 *  ເວີຊັນ PHP ** 7.0 ຫຼື ສູງກວ່າ **
 *  ພາສາ
 * [English (US)](https://wordpress.org/plugins/wp-countup-js/)
 * ແທັກ
 * [animated](https://lo.wordpress.org/plugins/tags/animated/)[counters](https://lo.wordpress.org/plugins/tags/counters/)
   [countup](https://lo.wordpress.org/plugins/tags/countup/)
 *  [ມຸມມອງຂັ້ນສູງ](https://lo.wordpress.org/plugins/wp-countup-js/advanced/)

## ການໃຫ້ຄະແນນ

 4.9 ຈາກທັງໝົດ 5 ດາວ.

 *  [  ການວິຈານ 5 ດາວ ຈຳນວນ 9 ລາຍການ     ](https://wordpress.org/support/plugin/wp-countup-js/reviews/?filter=5)
 *  [  ການວິຈານ 4 ດາວ ຈຳນວນ 1 ລາຍການ     ](https://wordpress.org/support/plugin/wp-countup-js/reviews/?filter=4)
 *  [  ການວິຈານ 3 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/wp-countup-js/reviews/?filter=3)
 *  [  ການວິຈານ 2 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/wp-countup-js/reviews/?filter=2)
 *  [  ການວິຈານ 1 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/wp-countup-js/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-countup-js/reviews/#new-post)

[ເບິ່ງ ຄຳຄິດເຫັນ ທັງໝົດ](https://wordpress.org/support/plugin/wp-countup-js/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ

 *   [ Roel Magdaleno ](https://profiles.wordpress.org/rokumetal/)

## ການຊ່ວຍເຫຼືອ

ມີຄຳຖາມ ຫຼື ຕ້ອງການຄວາມຊ່ວຍເຫຼືອບໍ່?

 [ເບິ່ງຟໍຣັມການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/wp-countup-js/)

## ບໍລິຈາກ

ເຈົ້າຕ້ອງການສະໜັບສະໜູນການພັດທະນາຂອງປລັກອິນນີ້ບໍ່?

 [ ບໍລິຈາກໃຫ້ປລັກອິນນີ້ ](https://paypal.me/roelmagdaleno)