Embed the Pet Cost Calculator on your site

Live preview

Copy-paste embed code

Drop this into your HTML wherever you want the calculator to appear. It includes a small credit line — keeping it is what lets us keep the widget free and the data current:

<div style="max-width:720px;margin:0 auto;">
  <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>
  <p style="font:13px/1.4 system-ui,sans-serif;text-align:center;margin:8px 0 0;">
    <a href="https://petplanwise.com/" rel="noopener">Pet cost calculator</a> by PetPlanWise
  </p>
</div>

Copy embed code

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

The snippet includes one small credit line — Pet cost calculator by PetPlanWise — directly below the widget. That link is the whole deal: it's how we fund keeping the data current and the widget free for everyone, with no signup or paywall. Please leave it in. It's unobtrusive, it won't slow your page, and it's the only thing we ask in return.

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.js. Fork it, wrap your own UI, ship. If you do, contact us — we'll feature the best implementations.