Skip to content

Embeddable widgets

Add Xuno widgets to your site

Drop the live USD to NPR calculator and exchange rate chart onto any website with a single snippet each.

1. Money transfer calculator

Show live USD to NPR exchange rates on any website. Paste the snippet and the widget resizes itself to fit its container.

Copy this snippet
<iframe
  src="https://xuno.co/widget?embedId=xuno-calculator"
  title="Xuno money transfer calculator"
  loading="lazy"
  style="width:100%;max-width:720px;border:0;overflow:hidden;"
></iframe>
<script>
  window.addEventListener("message", function (event) {
    if (event.origin !== "https://xuno.co") return;
    var data = event.data || {};
    if (data.type !== "xuno-embed:height") return;
    if (data.embedId !== "xuno-calculator") return;
    var frame = document.querySelector(
      'iframe[src*="embedId=xuno-calculator"]'
    );
    if (frame) frame.style.height = data.height + "px";
  });
</script>

The inline script is optional. It makes the iframe grow and shrink with the widget. Drop it and set a fixed height (around 340px) if you prefer no JavaScript.

Live preview
Options
ParameterDescription
amount
Default USD amount to preview, for example ?amount=500. Defaults to 1000.
embedId
Selects the widget to render and matches the auto resize message. Keep it unique if you embed more than one widget on a page.

2. USD to NPR chart

Show the live Bank Rate with up to 2 years of history. Paste the snippet and the chart resizes itself to fit its container.

Copy this snippet
<iframe
  src="https://xuno.co/widget?embedId=xuno-rate-chart"
  title="Xuno USD to NPR chart"
  loading="lazy"
  style="width:100%;max-width:640px;border:0;overflow:hidden;"
></iframe>
<script>
  window.addEventListener("message", function (event) {
    if (event.origin !== "https://xuno.co") return;
    var data = event.data || {};
    if (data.type !== "xuno-embed:height") return;
    if (data.embedId !== "xuno-rate-chart") return;
    var frame = document.querySelector(
      'iframe[src*="embedId=xuno-rate-chart"]'
    );
    if (frame) frame.style.height = data.height + "px";
  });
</script>

The inline script is optional. It makes the iframe grow and shrink with the widget. Drop it and set a fixed height (around 480px) if you prefer no JavaScript.

Live preview
Options
ParameterDescription
duration
Default time range: 48H, 1W, 1M, 6M, 12M, or 2Y, for example ?duration=6M. Defaults to 1M.
embedId
Selects the widget to render and matches the auto resize message. Keep it unique if you embed more than one widget on a page.

3. New customer offer banner

Promote the new customer rate with a claim call to action. Use the full layout for a wide banner or the square layout for a compact card.

Copy this snippet
<iframe
  src="https://xuno.co/widget?embedId=xuno-offer-banner"
  title="Xuno new customer offer"
  loading="lazy"
  style="width:100%;max-width:1000px;border:0;overflow:hidden;"
></iframe>
<script>
  window.addEventListener("message", function (event) {
    if (event.origin !== "https://xuno.co") return;
    var data = event.data || {};
    if (data.type !== "xuno-embed:height") return;
    if (data.embedId !== "xuno-offer-banner") return;
    var frame = document.querySelector(
      'iframe[src*="embedId=xuno-offer-banner"]'
    );
    if (frame) frame.style.height = data.height + "px";
  });
</script>

The inline script is optional. It makes the iframe grow and shrink with the widget. Drop it and set a fixed height (around 180px) if you prefer no JavaScript.

Live preview
Options
ParameterDescription
layout
full for a wide banner or square for a compact card, for example ?layout=square. Defaults to full.
embedId
Selects the widget to render and matches the auto resize message. Keep it unique if you embed more than one widget on a page.