Canooq widgets

Embeddable versions of the Canooq calculators, free to use on any website or blog. Each one is a self-contained frame with its own fields and results, and it keeps working when you change your theme.

How to embed a widget

Step 1
Copy the embed code
Every widget below has its own snippet. Copy the whole block, including the script tag at the end.
Step 2
Paste it into your page
Paste it into your page where the widget should appear. The wrapper div centres it in the column, so it lands in the middle of the content, not against an edge.
Step 3
Leave the script in place
The https://www.canooq.ca/canooq-widget.js script resizes the frame to fit its content, so nothing is cut off and there is no inner scrollbar. Include it once per page, even with several widgets.

Widgets work on any platform that accepts raw HTML, including WordPress custom HTML blocks, Webflow embeds, Ghost HTML cards, and Squarespace code blocks. Please keep the Canooq attribution in the footer of the widget.

Live and fully working, embedded here the same way the snippet embeds it on your page.

23 widgets are live, with more of the Canooq tool library on the way.

Housing

Mortgage Affordability Calculator

Shows the maximum home price a Canadian lender would approve, using the 39% / 44% debt-service limits and the mortgage stress test.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/mortgage-affordability"
    title="Mortgage Affordability Calculator by Canooq"
    data-canooq-widget="mortgage-affordability"
    loading="lazy"
    style="width:100%;height:660px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/mortgage-affordability

Income

Take-Home Pay Calculator

Turns a salary into actual take-home pay for any province, after federal and provincial tax, CPP or QPP, and EI.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/take-home-pay"
    title="Take-Home Pay Calculator by Canooq"
    data-canooq-widget="take-home-pay"
    loading="lazy"
    style="width:100%;height:560px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/take-home-pay

Investing

TFSA Contribution Room Calculator

Works out how much TFSA contribution room is left, from your birth year, residency, contributions, and past withdrawals.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/tfsa-contribution-room"
    title="TFSA Contribution Room Calculator by Canooq"
    data-canooq-widget="tfsa-contribution-room"
    loading="lazy"
    style="width:100%;height:560px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/tfsa-contribution-room

Investing

RRSP Refund and Room Calculator

Estimate RRSP room left and see how a contribution changes your tax refund and after-tax cost.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/rrsp-refund"
    title="RRSP Refund and Room Calculator by Canooq"
    data-canooq-widget="rrsp-refund"
    loading="lazy"
    style="width:100%;height:660px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/rrsp-refund

Investing

Financial Benchmark Calculator

Compare income and net worth with Canadian benchmark points for your age group.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/financial-benchmark"
    title="Financial Benchmark Calculator by Canooq"
    data-canooq-widget="financial-benchmark"
    loading="lazy"
    style="width:100%;height:560px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/financial-benchmark

Income

Salary After Tax Calculator

Turn gross salary into Canadian take-home pay after tax, CPP or QPP, EI, and payroll deductions.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/salary-after-tax"
    title="Salary After Tax Calculator by Canooq"
    data-canooq-widget="salary-after-tax"
    loading="lazy"
    style="width:100%;height:600px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/salary-after-tax

Income

Canadian Tax Calculator

Estimate federal and provincial tax, CPP, EI, and after-tax income from your Canadian income.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/tax-calculator"
    title="Canadian Tax Calculator by Canooq"
    data-canooq-widget="tax-calculator"
    loading="lazy"
    style="width:100%;height:560px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/tax-calculator

Income

Hourly to Salary Converter

Convert an hourly wage into annual salary, weekly pay, and estimated after-tax income.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/hourly-to-salary"
    title="Hourly to Salary Converter by Canooq"
    data-canooq-widget="hourly-to-salary"
    loading="lazy"
    style="width:100%;height:600px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/hourly-to-salary

Income

Severance Pay Estimator

Estimate statutory minimum severance and a simplified common-law range from salary and service.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/severance-pay"
    title="Severance Pay Estimator by Canooq"
    data-canooq-widget="severance-pay"
    loading="lazy"
    style="width:100%;height:600px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/severance-pay

Housing

Rent vs Buy Calculator

Compare renting with buying using home price, rent, down payment, rates, and a long-term horizon.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/rent-vs-buy"
    title="Rent vs Buy Calculator by Canooq"
    data-canooq-widget="rent-vs-buy"
    loading="lazy"
    style="width:100%;height:620px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/rent-vs-buy

Housing

Cost of Selling a Home Calculator

Estimate commission, legal fees, mortgage penalties, moving costs, and the cash left after selling.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/cost-of-selling"
    title="Cost of Selling a Home Calculator by Canooq"
    data-canooq-widget="cost-of-selling"
    loading="lazy"
    style="width:100%;height:680px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/cost-of-selling

Housing

Mortgage Calculator

Estimate a Canadian mortgage payment from home price, down payment, rate, and amortization.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/mortgage-calculator"
    title="Mortgage Calculator by Canooq"
    data-canooq-widget="mortgage-calculator"
    loading="lazy"
    style="width:100%;height:560px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/mortgage-calculator

Investing

Compound Interest Calculator

Project investment growth from starting money, monthly contributions, time, and return assumptions.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/compound-interest"
    title="Compound Interest Calculator by Canooq"
    data-canooq-widget="compound-interest"
    loading="lazy"
    style="width:100%;height:600px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/compound-interest

Investing

Retirement Calculator

Estimate retirement income from savings, CPP, OAS, pensions, spending, and your planned retirement age.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/retirement"
    title="Retirement Calculator by Canooq"
    data-canooq-widget="retirement"
    loading="lazy"
    style="width:100%;height:720px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/retirement

Investing

FIRE Calculator

Find the earliest age you can stop working and the spending your invested money can support for life.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/fire"
    title="FIRE Calculator by Canooq"
    data-canooq-widget="fire"
    loading="lazy"
    style="width:100%;height:760px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/fire

Investing

Dividend Income Calculator

Estimate the portfolio needed for a monthly dividend target and model Canadian dividend tax treatment.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/dividend-income"
    title="Dividend Income Calculator by Canooq"
    data-canooq-widget="dividend-income"
    loading="lazy"
    style="width:100%;height:620px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/dividend-income

Everyday

Monthly Budget Planner

Compare take-home income with housing, essentials, lifestyle costs, savings, and setup costs.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/monthly-budget"
    title="Monthly Budget Planner by Canooq"
    data-canooq-widget="monthly-budget"
    loading="lazy"
    style="width:100%;height:680px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/monthly-budget

Everyday

Emergency Fund Calculator

Set an emergency-fund target from monthly expenses, savings, contributions, and coverage months.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/emergency-fund"
    title="Emergency Fund Calculator by Canooq"
    data-canooq-widget="emergency-fund"
    loading="lazy"
    style="width:100%;height:560px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/emergency-fund

Everyday

Debt Payoff Calculator

Compare avalanche and snowball payoff timelines across balances, rates, minimums, and extra payments.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/debt-payoff"
    title="Debt Payoff Calculator by Canooq"
    data-canooq-widget="debt-payoff"
    loading="lazy"
    style="width:100%;height:700px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/debt-payoff

Investing

FHSA Savings Calculator

Track FHSA room using the $8,000 annual room, carry-forward rules, and $40,000 lifetime limit.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/fhsa-savings"
    title="FHSA Savings Calculator by Canooq"
    data-canooq-widget="fhsa-savings"
    loading="lazy"
    style="width:100%;height:600px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/fhsa-savings

Newcomer

City Affordability Calculator

Compare income, rent, essentials, and setup cash to see how a Canadian city may feel month to month.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/city-affordability"
    title="City Affordability Calculator by Canooq"
    data-canooq-widget="city-affordability"
    loading="lazy"
    style="width:100%;height:680px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/city-affordability

Income

AdSense Revenue Simulator

Estimate possible AdSense revenue from page views, content category, traffic region, and RPM.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/adsense-revenue"
    title="AdSense Revenue Simulator by Canooq"
    data-canooq-widget="adsense-revenue"
    loading="lazy"
    style="width:100%;height:620px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/adsense-revenue

Income

App Store Revenue Simulator

Project subscription app revenue, active subscribers, platform fees, acquisition costs, and net profit.

Embed code

<div style="max-width:760px;margin:0 auto;">
  <iframe
    src="https://www.canooq.ca/embed/app-store-revenue"
    title="App Store Revenue Simulator by Canooq"
    data-canooq-widget="app-store-revenue"
    loading="lazy"
    style="width:100%;height:740px;border:0;display:block;"
  ></iframe>
  <script src="https://www.canooq.ca/canooq-widget.js" async></script>
</div>

Paste it where the widget should appear. The wrapper centres it in the column, and the script sizes the frame to its content. Direct URL: https://www.canooq.ca/embed/app-store-revenue