Setup Instructions

1. Drag the Increasing Number element onto the page.
   
2. Configure:
   • The dynamic number (or static text)
     
   • The animation time
     
   • The number formatting
     
   • The visual style (color, font, alignment, etc.)
     
3. Execute the Run Increasing Number action when you want to start the animation manually (optional).
   
4. Optionally, use the When finished event (element event) to trigger workflows at the end of the animation.
   
5. If you want to show confetti, execute the Confetti action.
   

Element Properties

Content

Prefix (text)
Text displayed before the number (e.g., R$, US$, +, etc.).
Dynamic Number (number)
Main value to be animated.
If this is filled, it takes priority over the others.
Dynamic Content (text/number)
Dynamic alternative value (such as text converted to a number).
Static Content (number)
Fixed value.
(Only used if Dynamic Number and Dynamic Content are empty.)
Animation
Animation Time (ms)
Total animation time, in milliseconds.
Number Formatting
Format as Number? (yes/no)
Turns formatting on/off.
Decimal Places (number)
Number of decimal places displayed.
Decimal Separator (dot / comma / space)
Example:

• dot → 1,234.56
  
• comma → 1.234,56
  
• space → 1 234.56
  

Thousand Separator (dot / comma / space)
Example:

• dot → 1.234
  
• comma → 1,234
  
• space → 1 234
  

Style

• Font Size (px)
  
• Font Family
  
• Font Color
  
• Text Align (left / center / right)
  

---

States
The element displays these states:
is_running (yes/no)
Indicates whether the animation is happening at that exact moment.
Excellent for conditional workflows like:

When Increasing Number's is_running is "no"…

Additionally, the plugin sends:
finished (yes/no)
Indicates that the animation has finished.

---

Events (Triggers)
The element triggers two events that can be used in workflows:
finished
Triggered when the number reaches the final value — whether from the Update or the Run action.
value_changed
Triggered whenever the displayed number changes (including during the animation).

---

Plugin Actions

1. Run Increasing Number
Restarts and runs the animation until the current value configured in the element.
Useful when you want to trigger the animation again on demand.

2. Confetti
Generates a visual confetti effect on the page.
Parameters:

• particleCount
  
• angle
  
• spread
  
• startVelocity
  
• decay
  
• origin_x / origin_y (0.0 to 1.0 of the screen)
  
• colors (comma-separated list)
  
• shapes (square, circle, triangle, etc.)
  

If the confetti script is not loaded, the action loads automatically and tries to call the effect again.