HomeTrading Widgets › Currency Converter Widget

Currency Converter Widget

A clean currency converter for your page, with the inverse rate and the workings shown. One line of HTML, no sign-up.

One lineNothing to install
🔁
Both waysInverse rate shown
🆓
FreeCommercial use allowed

i In short

A currency converter is the most universally useful financial widget there is, which is why almost every site that touches money ends up wanting one. The problem is that most available converters are either heavy third-party scripts that load trackers into your page, or they are tied to a rate provider that will eventually ask for a subscription. This one is a static file: paste the iframe, and readers get a converter that works in their browser with no dependency on a commercial rate feed.

The widget converts between any two currencies at a rate the reader supplies or confirms, and shows the inverse alongside the result. That design is deliberate. A converter that quietly uses yesterday's mid-market rate and presents it as the number your reader will actually receive is misleading, because banks and brokers apply a margin. Making the rate explicit turns the tool into something that teaches rather than something that misinforms.

If you want a converter driven by current market rates instead, the forex rates widget pulls live reference rates from a public source and sits alongside this one comfortably. Many publishers place both: the rates board for what the market is doing, the converter for working out a specific amount.

Theme, accent colour, title bar and the breakdown panel are all controlled from the iframe URL, so the same widget can appear one way in your sidebar and another way inside an article without any duplication.

Try the Currency Converter Widget

Live previewThis is exactly what your readers will see

Embed code

Copy this into your page

Free for any site, including commercial ones. Keep the small credit line at the bottom of the widget so readers can find the full version. Nothing is stored about the people who use it. See the disclaimer.

How to add it to your site

  1. Copy the code above Use the copy button so nothing is lost to line wrapping. It is a single iframe tag and it does not need anything else.
  2. Open the page you want it on In WordPress add a Custom HTML block, in Wix use the Embed HTML element, in Squarespace use a Code block, and on a hand-built site paste it straight into your HTML.
  3. Paste and publish The widget appears immediately. If you see an empty space instead, your editor has stripped the iframe tag, which the HTML embed guide explains how to work around.
  4. Adjust the look if you want to Add the parameters in the table below to the iframe URL to change the theme, the accent colour or the height. Nothing needs to be configured on our side.

Customisation options

ParameterValuesWhat it does
themeauto, light, darkDefault follows the reader's own system setting, so the widget looks right on a dark site and a light one without you choosing.
accentSix hex digits, e.g. accent=1A56DBRecolours the header bar and the primary button to match your brand.
header1 or 0Set to 0 to hide the title bar when your page already has a heading above the widget.
breakdown1 or 0Set to 0 to hide the calculation breakdown for a more compact block.
corners1 or 0Set to 0 for square corners if your design has no rounding anywhere else.
widthfullRemoves the 520px maximum so the widget stretches to its container.

Parameters are added to the iframe URL as a normal query string, for example /embed/position-size-calculator.html?theme=dark&accent=1A56DB&header=0. The widget builder lets you set all of them visually and hands you the finished code.

What the widget calculates

The widget takes an amount, a source currency and a target currency, and returns the converted figure along with the inverse rate. The breakdown restates the calculation so a reader can see exactly which rate was applied and in which direction, which removes the most common source of confusion with converters.

Because the rate is an input rather than a hidden constant, the tool also works for scenario questions: what a transfer would cost at a rate 2% worse than mid-market, or what a rand amount is worth at the level a reader expects the market to reach.

Who this widget suits

Travel and expat sites

Readers working out what a foreign price means in their own money, without a tracker being loaded into your page.

E-commerce and pricing pages

A converter next to a price in another currency removes friction for international buyers.

Finance and trading blogs

Pairs naturally with articles about offshore allowances, foreign investing or cross-border payments.

Related widgets

The full library of free trading widgets has more than seventy tools, and the widget builder lets you preview and configure any of them before you copy the code.

Frequently asked questions

Does the currency converter widget use live exchange rates?

This one does not. The rate is supplied by the reader, which keeps the tool honest about the fact that the rate you are quoted by a bank or broker is not the mid-market rate. If you want current reference rates on the page, embed the forex rates widget as well, or use the market data widget, both of which fetch live data.

How many currencies does it support?

The converter is arithmetic rather than a fixed list, so any currency works as long as the reader has a rate. The selectors cover the majors, the rand and the common regional currencies, and an arbitrary rate can be entered for anything else.

Can I preset the currencies for my audience?

Not through a URL parameter at present. The widget opens on a sensible default pair and readers change it in one click. If presetting the pair matters for your use case, mention it through the contact page, since it is a small change and the demand decides what gets built next.

Is it suitable for a commercial site?

Yes. Commercial use is permitted at no cost, including on sites that carry advertising or sell products. The credit line at the bottom of the widget stays in place, which is the only condition.

Will it work inside a Shopify or Wix page?

Yes, in both. Shopify needs the code placed in a Custom Liquid or HTML section rather than the rich text editor. Wix needs the Embed HTML element. Both strip iframes from their basic text editors, which is the usual cause of a widget that appears to vanish when the page is saved.

Does the widget store anything my readers type?

No. There is no storage of any kind, no cookie and no network call after the page loads. The amounts a reader enters exist only in their browser tab.

🛡️
Test the numbers on real prices

Try a Free Demo Account

Widgets show the maths. A demo account shows how the same maths behaves against live spreads and real market movement, without risking funds.

Open a free demo account
  • FSCA RegulatedTrade with confidence
  • Practice Risk FreeReal market conditions
  • Beginner FriendlyPerfect for learning

79% of retail CFD accounts lose money. Demo accounts do not guarantee future profits.