Creating a customer-facing calculator?

Hey all,

I’ve looked this up on the forums, only to be directed to a page that 404’s, but I’m looking to create a customer-facing pricing calculator to help our sales team when speaking with a customer.

Ideally it would be a clean solution, so as to not have to make it look scrappy, but wondering if there’s a way to do this?

Sounds like it would be a form, that could live on a landing page using Javascript but would appreciate support.

Hey, @McBainKD, thank you for posting in our Community!

You can make the solution clean by customizing the form design with HubSpot and using JavaScript to dynamically calculate the pricing without needing to reload the page.

To our top experts, @Anton and @franksteiner79, any other recommendation to @McBainKD?

Thank you,

Pam

Hey @McBainKD,

as @PamCotton mentioned - using the default form with some custom JavaScript is most likely gonna be the cleanest and easiest solution.

If you’re using number properties, you could create a JS that looks for the selected values and adds them to a math formula… to display the result you could simly inject the value before the “submit” button. If you’re working with checkboxes/select options, you could add values to them either via the property settings or via JS and go from there.

Many options here and if you need dev help, I’m happy to chat.

p.s.: While you can use the “new” form builder, I wouldn’t recommend it at the moment for custom code as it might change in the future.

best,

Anton

Hey Anton, coming back to this - would you have an example of a JS that would be able to do this?

家庭やオフィスでよく使われる、最も基本的なタイプです。足し算、引き算、掛け算、割り算などの四則演算を素早くこなせます。ボタンが大きめで見やすいディス_プレイのものが人気です。