Shows your readers the deposit a leveraged position actually requires, before they open it.
Margin is the number that catches new traders out, because it looks like a cost and behaves like a constraint. A trader with R10,000 who opens a position requiring R8,000 of margin has not spent R8,000, but they have almost no capacity left for the position to move against them before the broker starts closing it. A margin calculator on your page turns that abstract point into a figure your reader can see, which is far more persuasive than a paragraph explaining it.
This widget takes the instrument, the position size and the leverage ratio, and returns the margin required to open the trade along with the notional value being controlled. The gap between those two numbers is the whole lesson about leverage, and putting them side by side does more work than most explanations.
It is built to handle rand accounts properly, including the conversion when the instrument is priced in dollars but the margin is posted in rand. That is the step most generic margin calculators skip, and it is exactly the step that makes a South African trader's numbers come out wrong.
Theme, accent colour, title bar and the breakdown panel are all set from the iframe URL, so the same widget fits a dark trading blog and a light corporate education page without any change to your CSS.
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.
| Parameter | Values | What it does |
|---|---|---|
theme | auto, light, dark | Default follows the reader's own system setting, so the widget looks right on a dark site and a light one without you choosing. |
accent | Six hex digits, e.g. accent=1A56DB | Recolours the header bar and the primary button to match your brand. |
header | 1 or 0 | Set to 0 to hide the title bar when your page already has a heading above the widget. |
breakdown | 1 or 0 | Set to 0 to hide the calculation breakdown for a more compact block. |
corners | 1 or 0 | Set to 0 for square corners if your design has no rounding anywhere else. |
width | full | Removes 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.
The widget calculates required margin as notional position value divided by the leverage ratio, then shows both figures together with the free margin left over from a given account balance. Changing the leverage while watching the margin figure move is usually the moment the concept lands for a reader.
The breakdown makes each step explicit, so a reader can see that leverage does not reduce their exposure, only the deposit needed to take it on, which is the distinction that most beginners get backwards.
Regulators increasingly expect leverage risk to be demonstrated rather than disclosed in small print.
Pairs with any article about leverage limits, margin calls or account sizing.
Readers can run their own numbers instead of following someone else's example.
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.
Anything a reader enters, from 1:1 through to the high ratios offered by offshore brokers. The FSCA does not impose a single retail leverage cap the way some regulators do, so South African traders encounter a wide range and the calculator does not restrict it artificially.
Yes, and that conversion is shown in the breakdown rather than applied silently. It is the step most often missed, and getting it wrong understates the margin a rand account actually needs.
No, and the widget is designed to make that clear. Margin is collateral that is set aside and returned when the position closes. The costs are the spread, any commission and overnight financing, which the trading cost calculator handles separately.
Yes, and the two work well together, since position size answers how large a trade should be and margin answers whether the account can carry it. Each iframe is independent. Give them separate headings so readers know which is which.
No. It applies the leverage ratio the reader enters. Individual brokers set their own margin requirements per instrument and can raise them around major events, so readers should confirm the figure in their platform before relying on it.
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 account79% of retail CFD accounts lose money. Demo accounts do not guarantee future profits.