Free widget

Embed a Calculator on Your Site

Pick any free Toolybird calculator, copy the snippet, and paste it into your blog or website. Responsive, fast, and free forever.

Live preview

How to Embed a Calculator

Adding an interactive calculator to your site takes less than a minute and needs no coding skills. Bloggers use embedded calculators to keep readers on the page longer, teachers use them for classroom resources, and small businesses use them to answer customer questions automatically.

1

Use the search box to find the calculator you want, then click it in the list. The preview on the right updates instantly.

2

Choose a width. Responsive (100 percent) is best for most blogs because it fills your content column on any screen size.

3

Click Copy Snippet, then paste it into your page HTML. In WordPress, use a Custom HTML block. In most site builders, look for an "embed code" or "HTML" element.

4

Publish and test. The calculator runs entirely in the visitor's browser, so there is nothing to install or maintain on your server.

Why Embed Instead of Linking

A link sends your visitor away. An embedded calculator keeps them on your page, interacting with your content. Interactive widgets increase time on page, give readers a reason to bookmark your article, and get shared more often than static text. Because the widget loads lazily, it does not slow down your initial page render.

Your page + embedded calculator = longer visits, more bookmarks, more shares

Fair Use Rules

Embedding is free for any website, including commercial sites. The only requirements are simple: keep the small "Powered by Toolybird" attribution link visible under the widget, do not claim the calculator as your own work, and do not place the widget on pages with spam, malware, or adult content. If the widget ever stops working on your page, check that you pasted the full snippet including the closing iframe tag.

Example: Mortgage Calculator on a Real Estate Blog

A real estate blogger writing about home buying costs embeds the mortgage calculator directly in the article. Readers enter the home price and instantly see the monthly payment without leaving the post. The blogger keeps the reader, the reader gets an answer, and the small attribution link credits Toolybird. Everyone wins.

Frequently Asked Questions

Is it really free to embed a Toolybird calculator?

Yes. Every embed is free forever, with no signup, no API key, and no usage limits. The small "Powered by Toolybird" attribution link under the widget is the only requirement, and it must stay visible.

How do I add the calculator to WordPress?

In the block editor, add a Custom HTML block and paste the snippet. In classic WordPress, switch to the Text tab and paste it. The widget is responsive, so it adapts to your content width automatically.

Will the embedded calculator slow down my page?

No. The snippet uses loading="lazy", so the widget only loads when a visitor scrolls near it. The calculator itself is lightweight vanilla JavaScript with no frameworks.

Can I change the colors to match my site?

The widget inherits Toolybird styling so it looks polished out of the box. Wrap it in a container with your own max-width if you want it narrower. Please do not hide or restyle the attribution link.

Does the embedded calculator work on phones?

Yes. Every calculator is built mobile-first with large touch targets, so the embedded version works on phones and tablets exactly like the full page.