Free Embeddable Cost Calculators

1. In your Shopify admin, go to Online Store → Pages and open (or create) the page where the calculator should appear.
2. In the rich text editor, click Show HTML (</> button).
3. Paste the embed code from any calculator below.
4. Save. The calculator renders in an auto-sizing iframe.

For a Liquid section (theme-level), paste the same script tag into a custom-liquid section in your theme editor.

1. In the Wix editor, click Add (+) → Embed Code → Embed HTML.
2. Switch to Code mode and paste the embed code.
3. Resize the element to your column width — the calculator fills the container.
4. Publish your site.

1. Edit the page and add a Code Block (Insert → Code).
2. Paste the embed code. Make sure Display Source is OFF.
3. Save and publish. The calculator auto-sizes to the content area width.

1. In the Webflow Designer, add an Embed element (Add → Components → Embed).
2. Paste the embed code and click Save & Close.
3. Publish your site. The calculator renders inside the embed component.