Power Totals

Power Totals embeds

Calculator embeds

Add any Power Totals calculator to another website with a responsive iframe and a visible source link. Calculation logic and updates remain hosted by Power Totals.

Embed builder

Choose a calculator

Open full calculator

Embed code

<iframe id="powertotals-voltage-drop-calculator" src="https://powertotals.pages.dev/embed/voltage-drop-calculator/" title="Voltage Drop Calculator" loading="lazy" width="100%" height="900" style="border:0;width:100%" allow="clipboard-write" referrerpolicy="strict-origin-when-cross-origin"></iframe>
<script>
(() => {
  const frame = document.getElementById("powertotals-voltage-drop-calculator");
  window.addEventListener("message", (event) => {
    if (event.source !== frame.contentWindow || event.origin !== new URL(frame.src).origin) return;
    if (event.data?.type === "powertotals:embed-resize" && Number.isFinite(event.data.height)) frame.style.height = Math.ceil(event.data.height) + "px";
  });
})();
</script>

The resize listener checks both the iframe window and its origin before changing height. The fallback height is 900 pixels when scripts are unavailable.

Preview

Usage notes

  • Keep the iframe width at 100% so it follows the containing column.
  • Keep the visible “Powered by Power Totals” source link inside the embed.
  • The resize listener prevents most nested scrollbars; the 900-pixel height remains as a no-script fallback.
  • Embed routes contain no site navigation, are excluded from search indexing, and point canonical metadata to the full calculator.
  • The generated URL follows the configured site domain. After domain launch, regenerate existing snippets or replace powertotals.pages.dev with powertotals.com.