J-CALC
Calculators for Webflow in seconds
<!-- J-CALC by JIMMYSWRLD -->
<script src="https://cdn.jsdelivr.net/gh/jimmyswrld/j-calc/v2.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jimmyswrld/j-calc/v2.js"></script>
Example
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
£00
Tutorial
Docs
J-CALC was reimagined from the ground up to create a truly flexible and fast way to build calculators in Webflow. You now only need 1 attribute for J-CALC to work, but have plenty more options if you need something more complex!
Step 1:
Copy and paste the script into the "before </body> tag" in your page settings
Step 2:
Configure your calculator using attributes 👇
Step 1:
Copy and paste the script into the "before </body> tag" in your page settings
Step 2:
Configure your calculator using attributes 👇
Add this to your output element
j-calc-output
*your calculation*
*your calculation*
This attribute goes on the element that you want to display your calculation. It can be on multiple elements and can also be placed on other input fields. The value should be your calculation, using form field names as placeholders.
example
Pricing calculator
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.