How to Make a Notion Calculator Widget

Notion is awesome. It’s simple to use, has clean design, and makes organizing your thoughts and life a breeze. Besides being such a powerful tool, it has some limitations.

Calculations are hard to make with Notion. Sure, you can create a property type formula, but have you ever tried to use it?

It is not straightforward.

Also what if you want to calculator for with separate inputs just on the side of your page to help you with quick calculations as you work?

The good news is, now you can have it all. In this guide I will talk you though the steps of making a custom calculator and embedding it into Notion page.

Creating a Custom Calculator

Before we embed a calculator into Notion, we need to create a calculator widget first. For this, we will use a tool, you guessed it – Creative Widgets.

The calculator, in this case, is arbitrate. I will create a simple savings goal-achieved calculator. Say you want to save up $10,000, and every month you get the money, you put something in a pot. You can use the calculator to check where you are and keep you on track.

Building Calculator Widget with Creative Widgets

I have a detailed guide on making calculators from scratch, so I will skip some initial setups and get to the actual building.

To calculate our goal, we need two inputs.

  • Savings target
  • Current savings achieved

Next, we need to have the results. I will create two results: The percentage of goal achieved and how much left I need to save.

Let’s add these fields to our calculator; here is what you should see on the building page:

Don’t forget to save the calculator.

Adding Calculator Widget to Notion

Now that we have created a calculator, it’s time to embed it into our Notion pages. The process is simple.

On the edit page, you will see the URL that looks like this:

https://app.creativewidgets.io/calculator/edit/xxxxx

Copy this URL and change the word “edit” to “view” like this:

https://app.creativewidgets.io/calculator/view/xxxxx

Then, follow these steps to embed the calculator into Notion.

  1. Open Notion and navigate to the page where you want to add the widget.
  2. Use the embed function to insert the widget URL or code.

You will be prompted to insert the Embed link. Paste the view URL from Creative Widgets.

This is it, now you have your own custom calculator widget in Notion.

One last thing that is left is to resize the calculator to fit your page layout. Use the drag handles on the corners of the widget to resize it. You can make it larger or smaller depending on your preference.

If the drag handles don’t give you the exact dimensions you need, you can go back to the Creative Widgets editor and manually adjust the width. Then, re-embed the modified code into Notion.

Now you have a fully functional calculator widget embedded in your Notion workspace, customized to fit your specific needs and integrated into your workflow. Whether you’re crunching numbers daily or just need a quick calculation tool at your fingertips, this widget will enhance your productivity and efficiency in Notion.

Need custom calculator today?

Interactive calculators help you get more leads from your existing traffic. You don't need developer to create one. Creative Widgets is an intuitive calculator builder that lets you easily build any calculator for your business.

Ready to use in minutes

No coding skill required

Unlimited submissions and impressions

Perfectly fits to your web design

Create Free Calculator

120+ businesses increased conversion rate by 15% 📈