Add the widget to WordPress

Use a Custom HTML block

1. 1

   Copy your snippet

   Open Pro dashboard → Website Embed and copy the snippet (it already contains your token).
2. 2

   Edit the page

   In the WordPress block editor, open the page or post where you want the estimator and click the + to add a block.
3. 3

   Add a Custom HTML block

   Search for Custom HTML, add it, and paste the snippet in.
4. 4

   Publish

   Click Preview to check it, then Publish (or Update).

The snippet

<iframe id="clearcost-estimator"
  src="https://getclearcost.com/embed/YOUR_TOKEN"
  title="Get an Instant Estimate"
  style="width:100%;min-height:760px;border:0" loading="lazy"></iframe>
<script>
window.addEventListener("message", function (e) {
  var d = e.data;
  if (d && d.type === "clearcost-embed:height" && typeof d.height === "number") {
    var f = document.getElementById("clearcost-estimator");
    if (f && f.contentWindow === e.source) {
      f.style.height = Math.max(300, Math.ceil(d.height)) + "px";
    }
  }
});
</script>

Allow your domain

Add your WordPress domain under Website Embed → Allowed domains (include both the bare and www. versions). The widget only loads on domains you list. See the install guide for details.

Common gotchas