Attributes
vorlage- calculator: zinsrechner, sparplan, kreditrechner, baufinanzierung, hausbudget, mietrendite, entnahmeplan, dividendenrechner, fondskosten, dispozins, verzugszins, bruttonetto, mehrwertsteuer, abgeltungsteuer, inflationsrechner, prozentrechner, rabattrechner, usmortgage, salestax, paycheck
werte- prefilled inputs as JSON, e.g. {"homePrice": 450000} – say, from a property listing
berechne- starting mode, e.g. homePrice (“How much house can I afford?”)
ziel- target value of the starting mode, e.g. ziel="2500" for a monthly payment of $2,500
farbe · radius · modus- brand color, corner radius in px, hell (light) / dunkel (dark) / auto
titel- heading; titel="" hides it
lizenz- your license key – free per domain, see “Free license” above
ohne-branding- hides the line “Calculator by CalcPaper” (paid plan only)
slot="quelle"- link “Calculator by CalcPaper” in your HTML; condition of the free license
Use the results
After every change the widget fires the event berechnet with all inputs and results – ideal for prefilling your inquiry form.
document.addEventListener('berechnet', (e) => {
// eingaben = inputs, ergebnisse = results, formatiert = formatted results
const { eingaben, ergebnisse, formatiert } = e.detail;
form.price.value = eingaben.homePrice;
form.payment.value = ergebnisse.payment;
});