Free widget · No signup · No API key

Embed the Pet Cost Calculator on your site

Drop a single iframe into any blog post, news article, or shelter site. The widget renders our full pet cost calculator with live U.S. averages from AVMA, NAPHIA, and BLS. Mobile-friendly. Loads in under 200 ms. Free forever.

Live preview

Copy-paste embed code

Drop this into your HTML wherever you want the calculator to appear:

<iframe
  src="https://petplanwise.com/embed/cost-calculator/"
  style="width:100%;height:780px;border:0;border-radius:14px;"
  loading="lazy"
  title="Pet Cost Calculator"></iframe>

Why use it

  • Helps your readers actually budget. Static cost tables get stale; this calculator pulls live U.S. averages and updates quarterly.
  • Increases dwell time. Visitors stay 2-3× longer on pages with interactive cost calculators.
  • No tracking, no email gates. Privacy-friendly — no pixels, no third-party trackers, runs entirely in the visitor's browser.
  • Mobile-responsive. Tested on iOS Safari, Chrome, Firefox, Edge.
  • Citation-ready. Sources (AVMA, NAPHIA, BLS, AAHA) are surfaced inside the widget for journalistic use.

Customization

Three things you can pre-configure via URL parameters on the iframe src:

  • ?species=dog or ?species=cat — pre-select pet type.
  • ?state=CA (any 2-letter postal code) — pre-fill state for regional cost adjustment.
  • ?breed=labrador-retriever — pre-fill a specific breed (see breed list for slugs).

Example: https://petplanwise.com/embed/cost-calculator/?species=dog&breed=french-bulldog&state=NY

Recommended height

The default 780px covers most desktop layouts. On narrow embeds (sidebars), bump to 1100px to allow the result panel to stack below the form.

Attribution (optional, appreciated)

The widget includes a small "Powered by PetPlanWise.com" line at the bottom. If you remove it via CSS, please add an attribution link somewhere on the page. We don't enforce this — the widget works either way — but linking back helps us keep the data updated and free.

For developers — the calculator engine

If you'd rather build your own UI on top of our cost engine, every number lives in CSV files at /assets/data/csv/ and the JavaScript engine is at /assets/js/calculator-20260510.js"/contact/">contact — we'll feature the best implementations.