Skip to content

Gutenberg Block

Roel Magdaleno edited this page Oct 4, 2020 · 1 revision

The plugin is compatible with Gutenberg, so you can add the custom block called CountUp to your posts and pages.

The CountUp block has a block toolbar and a settings sidebar.

Block Toolbar

The block toolbar looks like this:

And will allow you to:

  • Change counter alignment (left, center, right).
  • Bold the counter.
  • Italic the counter.

Also has a "Play Counter" button, check the section for more details.

Block Settings

At the right, you will find the block settings sidebar where has three sections:

Counter

This section includes the main counter settings like:

  • Start.
  • End.
  • Duration.
  • Delay.

Options

This section includes all secondary settings that a counter could have:

  • Decimal.
  • Decimals.
  • Separator.
  • Prefix.
  • Suffix.
  • Group Digits.
  • Ease Animation.
  • Start on View.
  • Reset after View.

Styles

This section will allow you to change the:

  • Font Size.
  • Color Text.
  • Background Color.

All of those properties can be reverted to their original values.

Play Counter

The block toolbar and sidebar contains a button called "Play Counter" where if you click it you can see how your counter behaves in real time without previewing the post or page.

This functionality will use the current settings inside of the block toolbar and sidebar, so you can customize it as you want.

Clone this wiki locally