How embedding works
A calculator on your site, in your branding, that hands the enquiry to you. Below is the real widget — the same runtime a visitor to your site would load.
Try it
A tablist for a handful of related calculators. Arrow keys, Home and End all work — it is a real WAI-ARIA tablist, not styled buttons.
This is the production widget on this page, loaded from /embed — the same runtime a customer’s visitors get.
Installing it
A container element and a script tag. No build step, no framework, and no changes to your site’s CSS — the widget renders in an iframe, so nothing it does can affect your page and nothing your page does can affect it.
<div
data-breakdecisions-widget
data-calculators="loan-repayment,stamp-duty"
data-layout="tabs"
></div>
<script src="https://breakdecisions.com/embed.js" async></script>The widget reports its height to the page and the frame resizes to match, so there is no inner scrollbar and no fixed height to guess at.
6 layouts
The same calculators arranged for the space you have. A tabbed set suits a wide content area; a dropdown suits a sidebar; a floating launcher suits a page where the calculator is secondary to the content. All are selectable above.
Branding
Colours, typography scale, corner radius and density are set from a validated theme, so the widget can be made to sit naturally in your site without looking like something bolted on.
What is deliberately not supported: arbitrary CSS, uploaded font files, and externally hosted logo assets. Those are the features that turn an embed into an attack surface on the pages it runs in, and none of them ship today. Branding is a set of validated tokens, and everything outside that set is rejected rather than passed through.
The call to action
Each embed can carry a call to action pointing at a destination you configure: a page on your own site, a phone number, or an email address. When a visitor clicks it, they go there.
Nothing is collected here. There is no lead form, no lead database, and no third party in the middle — which also means a visitor’s figures are never in a system you did not choose.
What you can measure
Widget sessions, calculator starts, completed calculations, call-to-action views and call-to-action clicks — per calculator, per site, per saved embed.
Not what anybody typed. Loan amounts, salaries, property values and results are processed in the browser and never leave it. A “session” is an anonymous identifier for one visit and is not a unique person.
What you get
24 Australian calculators
Choose which appear in each embed. A page about refinancing can carry the comparison and break-even calculators and nothing else.
Several embeds, several sites
Each with its own calculators, layout, branding and call to action — so a landing page and a blog post do not have to carry the same widget.
Regulatory rates kept current
Duty and tax scales are versioned with their effective periods and sourced from the authority that publishes them. You do not maintain them.
Next
Accounts are not open yet. The calculators and this demo are fully working, and the dashboard that configures an embed is built — what is not yet switched on is the signup that would give you access to it.