Embedding a custom calculator into Jotform (area calculator use case)

Hi everyone,

I’m working on a form where I need to integrate a custom calculator for users to calculate areas of irregular shapes before submitting their details.

I already have a working version of the calculator on my site:

https://areaofirregularshapescalc.com/

What I’m trying to figure out is:

• What’s the best way to embed or connect an external calculator like this into a Jotform form?
• Should I use an iframe, widget, or try to recreate the logic using Jotform’s built-in calculation fields?
• Is there a way to pass calculated values from an external page back into Jotform fields?

The calculator involves multiple inputs and dynamic calculations, so I’m not sure if Jotform alone can handle that efficiently.

Would appreciate any suggestions or best practices from anyone who has done something similar.

Thanks in advance! 👍

Hi Janifer1001,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

Regarding your question about integrating a custom calculator for irregular shapes into a Jotform form, here’s what you can consider:

1. Using Jotform's Built-in Calculation Features: Jotform offers a Form Calculation widget that allows real-time calculations based on form inputs. You can set up formulas using form fields and various math functions. This is ideal if your calculation logic can be recreated within Jotform's calculation capabilities. It supports complex functions like abs(), min(), max(), round(), and more.

2. Embedding External Calculator: If your calculator is complex and already working on your site, you can embed it using an iframe widget in your form. This lets users interact with your external calculator directly within the form.

3. Passing Calculated Values Back to Jotform Fields: While embedding via iframe is straightforward, passing calculated values from an external page back into Jotform fields is not natively supported. You would need custom scripting or API integration outside of standard Jotform features to achieve this.

In summary, if your calculator logic can be replicated in Jotform, using the Form Calculation widget is the cleanest approach. If not, embedding via iframe is possible but passing data back requires advanced custom integration.

Give it a try and let us know how it goes.

Thanks,

Let me give it a try, I hope it resolves the issue,

Further, I will update here,


Regards

Hi Janifer1001,

You're welcome. Take your time to try the suggested options, and feel free to update us here with your progress or if you encounter any issues.

Regards.