Credit Butterfly

Widget Embed Instructions

Preview widget

Embed the Calculator

Paste one of the snippets below into any page on your website — Squarespace, WordPress, Webflow, GoHighLevel, ClickFunnels, or custom HTML. No coding experience required.

1

Simple embed (recommended)

Copy and paste this single tag wherever you want the calculator to appear. Works everywhere.

HTML
<!-- Credit Butterfly Hidden Revenue Calculator Widget -->
<iframe
  src="https://calculator.creditbutterfly.ai/widget"
  width="100%"
  height="620"
  style="border:none; max-width:480px; display:block; margin:0 auto;"
  title="Credit Butterfly Hidden Revenue Calculator"
  loading="lazy"
  allow="clipboard-write"
></iframe>
Tip: Change height="620" if you want more or less vertical space. The widget is designed to fit within 480px wide.
2

Auto-resize embed (advanced)

The widget will automatically adjust its height to fit its content. Requires a small JavaScript snippet.

HTML
<!-- Credit Butterfly Hidden Revenue Calculator Widget (auto-resize) -->
<div id="cb-widget-container" style="max-width:480px; margin:0 auto;">
  <iframe
    id="cb-widget"
    src="https://calculator.creditbutterfly.ai/widget"
    width="100%"
    height="620"
    style="border:none; display:block;"
    title="Credit Butterfly Hidden Revenue Calculator"
    loading="lazy"
  ></iframe>
</div>
<script>
  window.addEventListener('message', function(e) {
    if (e.data && e.data.type === 'cb-widget-height') {
      var iframe = document.getElementById('cb-widget');
      if (iframe) iframe.height = e.data.height + 20;
    }
  });
</script>

Platform-specific instructions

WordPress: Add a Custom HTML block → paste the snippet → publish.
Squarespace: Add a Code block → paste the snippet → save.
Webflow: Add an Embed element → paste the snippet → publish.
GoHighLevel: In the page builder, add a Custom HTML element → paste the snippet → save.
ClickFunnels: Add a Custom HTML element to your funnel step → paste the snippet → save.
Wix: Add a HTML iFrame element → paste the snippet → publish.

The widget is hosted at https://calculator.creditbutterfly.ai/widget. It loads instantly and requires no API keys or configuration.