Getting Started with Calculable Fields (Divi 5)
Calculable fields add dynamic calculations to your forms. In Divi 5, you set them up in the Form module’s Content tab.
What you need
- PHP 8.0 or higher on the server.
- Input fields for values (e.g. number, select, radio, checkbox).
- A Calculation field type that runs the formula and shows the result.
Three main parts
- Fields for calculation — Add number or choice fields and give them stable Field IDs. These IDs are used in the formula (e.g.
%%quantity%%,%%price%%). - Calculation field — Add a Calculation field, then enter the formula that references other fields by ID (e.g.
%%quantity%% * %%price%%). - Formulas — Use field IDs in
%%...%%, numbers, and operators (+, -, *, /, etc.) to build the expression.
Where to configure (Divi 5)
- Open the page in the Divi 5 Visual Builder.
- Select the Form module → Content tab.
- Add or edit fields; set Field ID on each source field.
- Add a Calculation field and enter the formula in its options.
Verify the setup
- Preview the page and enter test values (for example quantity
2, price50). - Confirm the calculated value updates to the expected result.
- Submit a test entry and verify saved/email values use the correct total.
Common mistakes
- Using non-numeric values in fields expected by formulas.
- Changing Field IDs after formulas are configured.
- Assuming rounding/formatting in the UI also changes raw values.
What's Next
- Review Calculable fields overview for feature scope and prerequisites.
- Use Field mapping to store calculated values in post/user/meta targets.
- Configure Email notification if totals should be included in emails.