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 be creating 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 how to make 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: Percentage of goal achieved and how much left I need to save.
Let’s add these fields into our calculator, here is what you should be seeing on the building page:
Don’t forget to save the calculator.
Adding Calculator Widget to Notion
Now that we created a calculator, it’s time to embed it into our Notion page or different pages. The process is the same.
First, go to Creative Widgets and press the Embed button.
The modal will appear with your calculator preview and the code to copy. Press the Copy button a displayed on the image.
To embed calculator into Notion, follow these steps.
- Open Notion and navigate to the page where you want to add the widget.
- Use the embed function to insert the widget URL or code.
You will be prompted to insert the Embed link. Paste the code you copied 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.