Embed the cost calculator

Drop one iframe into a blog post, a shelter's adoption page or a news article and your readers get the whole calculator: 205 breeds, all 50 states and DC, first year, per year and lifetime. Free, no signup, no API key.

Copy this

The credit line is what keeps the widget free and the data current — leave it in place.

<div style="max-width:720px;margin:0 auto;">
  <iframe src="https://pawdget.com/embed/cost-calculator/"
    style="width:100%;height:980px;border:0;border-radius:14px;"
    loading="lazy" title="Dog cost calculator"></iframe>
  <p style="font:13px/1.4 system-ui,sans-serif;text-align:center;margin:8px 0 0;">
    <a href="https://pawdget.com/calculator/" rel="noopener">Dog cost calculator</a> by Pawdget
  </p>
</div>

Live preview

This is the widget itself, running the same engine as the rest of the site.

Pre-fill it

Two URL parameters on the iframe src, so the widget opens on what your page is about:

Parameter	Example	What it does
?breed=	?breed=labrador-retriever	Opens on that breed. Use the slug from our breed pages.
&state=	&state=CA	Two-letter postal code. Prices are adjusted for that state.

Example: https://pawdget.com/embed/cost-calculator/?breed=labrador-retriever&state=CA

What you are putting on your page

• No trackers. The widget loads no analytics, no advertising pixel and no third-party script. It sets no cookies and writes nothing to storage — the full calculator on our own site remembers your state, the embedded one deliberately does not. Your readers are yours.
• Sourced numbers, not vibes. Food from calorie needs and recorded shelf prices, vet care from a 50-state price survey adjusted by the government's regional price index, insurance from the industry's own annual report. Data last updated 2026-09-21.
• It stays current. Prices are re-recorded and the widget updates with them — nothing for you to maintain.
• It works on a phone. The layout folds to one column below 560px.

Sizing

The snippet uses a fixed height of 980px, which fits the widget at normal widths. If you would rather size it to the content, the widget posts its height to the parent window:

addEventListener("message", function (e) {
  if (e.data && e.data.pawdget === "height") {
    document.querySelector("iframe[title='Dog cost calculator']").style.height = e.data.height + "px";
  }
});

Questions