First, you'll need to set up input components that will feed values into your formula:

Sliders

• Each slider needs a unique variable name (like "users" or "price")

• Configure min/max values and step size

• These variables become available for your formula

Selectors

• Each selector needs a unique variable name (like "plan")

• Each selector needs a data value (like "pro", "plus"). Configure data-value for each option

• This variable and value become available for your formula

Display Component

• Formula: Use variable names from sliders/selectors (e.g., "users * price" or just "users" to display the value only)

• Prefix/Suffix: Add symbols like $ or %

• Visual customization: Font, colors, formatting options

• To calculate the formula, you can ask chatGPT or any other AI tool to "Generate a javascript expression like {insert and example from the example file} to calculate {your query} based on my variables {your variable names} and values for variables {your selector options}"

• Use Debug mode: Shows live variable values and formula calculation to help you calculate accurately. If you're still having issues, do not hesitate to contact us