Embed code
Paste this anywhere on your page where you want the calculator to appear:
<div id="cadence-cost-calculator"></div>
<script src="https://vantagedigital.dev/embed/cost-calculator.js" async></script>
Live preview
This is what your readers will see (the same widget you're embedding, rendered on this page):
↓ Calculator preview ↓
How to embed by platform
WordPress
Use a Custom HTML block (Gutenberg editor) or paste into the Text/Code view (Classic editor). Save and view.
Squarespace
Add a Code block (Squarespace Business plan or higher), set Content type to HTML, paste the embed code.
Webflow
Drag an Embed widget into the page where you want the calculator, paste the embed code, save, publish.
Ghost
Insert an HTML card (slash → HTML), paste the embed code, save and publish the post.
Wix
Use the Embed HTML widget (Add → Embed → Embed HTML), paste the embed code.
Substack
Substack does not allow custom JavaScript embeds in posts. Link to vantagedigital.dev/trainerize-vs-cadence-calculator instead — same calculator, hosted on our site.
Why this is free
Every embed of this calculator is brand exposure for Cadence — the widget shows our colors, our pricing tiers, and a CTA back to our product page. We benefit when coaches use it on their blog. You benefit because your readers get a useful interactive tool without you having to build it. Honest, mutual.
Frequently asked
Is the embed free?
Yes, fully free. No signup, no API key, no usage limit. The only requirement is that the attribution footer ("Calculator by Cadence") remains visible — that's the whole point of the widget for us.
Does it slow down my site?
No — the script is async, under 6 KB minified, and has zero external dependencies (no jQuery, no React, no analytics, no font loads). It runs after page load.
Does it track my visitors?
No tracking. No cookies. No third-party calls. The widget runs entirely in the visitor's browser. The only outbound link is the CTA button to vantagedigital.dev/cadence, which fires only if the visitor clicks it.
Will the pricing stay accurate?
Yes. The script is hosted at vantagedigital.dev/embed/cost-calculator.js — we update it whenever Trainerize or Cadence pricing changes. Your embed automatically gets the latest pricing without you needing to re-paste anything.