Embed this calculator on your blog

Free to embed on any wedding blog, forum, or budgeting guide. No signup, no API key, no ads. The only requirement is keeping the attribution link below the calculator.

Live demo

This is exactly what your readers will see — the calculator with a small attribution line below it. Try it.

Copy-paste snippet

Paste this anywhere HTML is allowed (most blog editors have a "custom HTML" or "embed" block). Adjust width and height as needed — 720px wide and 800px tall is a good default.

<iframe src="https://wedding-planner-price-calculator.vercel.app/embed"
        title="Wedding Planner Price Calculator"
        width="100%"
        height="800"
        style="border:0; max-width:720px; display:block; margin:0 auto;"
        loading="lazy"
        referrerpolicy="no-referrer-when-downgrade">
</iframe>

Optional: auto-resize the iframe to its content

The embedded calculator emits a postMessage with its rendered height when it loads and whenever its content changes (for example, after a result appears). If you'd like the iframe to auto-resize so there's no extra scrollbar, drop in this small listener anywhere on the page:

<script>
  (function () {
    var ORIGIN = "https://wedding-planner-price-calculator.vercel.app";
    window.addEventListener("message", function (e) {
      if (e.origin !== ORIGIN) return;
      if (!e.data || e.data.type !== "resize") return;
      var iframes = document.querySelectorAll('iframe[src^="' + ORIGIN + '/embed"]');
      for (var i = 0; i < iframes.length; i++) {
        iframes[i].style.height = e.data.height + "px";
      }
    });
  })();
</script>

House rules

Keep the "Powered by" link. It's a real <a href> with no nofollow. That backlink is the deal — that's how we keep the calculator free.
Don't strip the attribution line by hiding it with CSS or rewriting the iframe content. If you'd like a different attribution wording, email us first.
Editorial use is welcome. Blog posts, articles, forum threads, vendor websites, and budgeting guides — all fine.
Don't wrap it in your own paywall or charge readers to access it.

Example use case

Suppose you write a post titled "How much should we budget for a wedding planner in 2026?" The first half of your post lays out the three planning tiers and what each one actually does. Halfway through, instead of just citing a national average, you embed the calculator so the reader can plug in their own metro and guest count and get a number they can act on:

"Below is an interactive calculator (free, no signup) that returns a personalized range based on your city, guest count, and which tier you're shopping for. The numbers are sourced from 105 vendor pages and industry surveys across 36 US metros — full methodology here."

The reader gets a real answer; you get a more useful post; we get a backlink. Everyone wins.

Questions?

If something breaks, you want to embed at unusual sizes, or you want a co-branded variant for a publication, open an issue on the project repo. The dataset behind the calculator is also documented on the methodology page if you want to cite specific numbers in writing rather than the widget.

← Back to the calculator