Use hosted embeds when you want TradeCalcs to keep serving the calculator, or use the standalone customizer when you want a file you can download, host, and route leads through your own endpoint.
TradeCalcs has two practical install paths. Pick based on how much control the buyer wants and where leads should go.
Best when the buyer wants a quick iframe or hosted calculator link. TradeCalcs serves the calculator and can handle hosted lead delivery according to the plan.
Best when the buyer wants ownership. Customize branding, colors, region, pricing assumptions, and lead destination, then download a self-contained HTML file.
This is the same workflow for WordPress, Wix, Squarespace, Duda, Webflow, GoHighLevel, Shopify, and custom websites.
Start from Products, Pricing, or the open hosted embed configurator.
Use /configure.html to set contractor branding, colors, lead destination, and a responsive iframe snippet. Example:
Publish, then check desktop and phone layouts.
Confirm the lead destination, calculator type, and source metadata are correct.
Go to /standalone/ and click Customize on the calculator.
For no server dependency, choose your own webhook, Formspree endpoint, Make/Zapier hook, GoHighLevel inbound webhook, or no lead form.
The downloaded file contains its own configuration and runs as a normal HTML page.
Upload the file to your site, or paste the file contents into a page if your platform supports full custom HTML.
Use a Custom HTML block, shortcode plugin, Elementor HTML widget, or page template. If your theme strips scripts, use iframe mode.
Add an Embed HTML element, paste the iframe, stretch it full width, and test mobile height.
Use Code Block for iframe embeds. Some plans limit scripts, so iframe mode is the safest path.
Use HTML widget or a custom section. Duda is a good fit for agencies installing calculators across contractor clients.
Use Embed component on paid sites. Publish to staging first and verify responsive width.
Use Custom JS/HTML or an iframe block on funnel/site pages. Standalone lead routing can point to a GHL inbound webhook.
Use a Custom Liquid section or page template for iframe embeds. Keep calculators on service/quote pages, not product checkout pages.
Paste the iframe directly, or upload the standalone HTML file and link to it from your navigation or CTA.
Start with the kitchen or roofing calculator, customize it, and test the published page on desktop and mobile before installing the rest.
Our Network
Built by Cali Dream Construction · CSLB #1054602