I learned how to create aesthetic widgets for my Notion Investment Tracker (in less than 5 minutes)

In this post, I will show you how to easily set up a Stock Market or Crypto Market Tracker for Notion. If you want to make your Notion workspace more beautiful and user-friendly, this is an instruction you don’t want to miss.

If you prefer videos, you can also watch this instruction on Youtube:

I love Notion, the app is perfect for organizing my work projects, life, and finances. However, it lacks two functionalities: Charts and Graphs.

Let’s begin with a story: Some months ago, I created a finance tracker in Notion. My goal was to collect all of my investment data in one place, inside of Notion.

The limits of Notion

Notion is a great app for this purpose…..However, in the end, I wasn’t using the tracker myself, mainly because it was just not very userfriendly.

  • 1: I couldn’t sync my portfolio data automatically with Notion. So there was a lot of friction in updating the prices of my assets.
  • 2: As a consequence, I needed to search the prices for each asset all over the internet. This always took a lot of time
  • 3: I had no graphical representation of my portfolio. I just saw naked numbers and this is of course not really attractive to your brain.

But some weeks ago, on Twitter, I stumbled over the investment dashboard template by fellow template creator Hugh Dawkins.

What surprised me was that he used wonderful stock market graphs all over the place. So I reached out to Hugh and he explained to me in detail how to create stock market widgets for Notion.

In the following minutes, I will show you step by step what I learned from Hugh: Precisely, how to embed beautiful widgets into his Notion templates.

A big shoutout to him! If you want to support him, check out his investment dashboard by clicking on the following link:

https://gumroad.com/a/1040798835/hacxy

How to create aesthetic widgets for Notion (Instruction)

1. Tradingview.com

First, we head over to tradingview.com/widget. Here we find a huge selection of market widgets, we could include on our notion pages.

– Now, just choose a widget you’d like to include in your Notion page. In our example, we are using the Market Overview Widget
– You can customize the widget as you like, change the colors of the graph or make it a dark or light theme. Don’t forget to click on Apply to save your changes.
– Finally, copy all the code in the section ‘Embed Code’.

Can we just copy the code into Notion?

If you are now heading to Notion to embed the code you will notice that this is not working because Notion is not understanding it. We need to make the code Notion-friendly first!

2. Apption.co

This can be done with Apption.co. This app helps you to create Notion-friendly embeddable Widget apps.

  • Head to Apption.co to make the widget notion friendly.
  • Before you proceed, you need to create an account. If you are using the free option, you can create up to three widgets. If you need more, you need to choose the Pro-option which costs about $ 4 per month.
  • Now, navigate to the create Embeds section under your profile
  • Click ‘Create New’
  • Name your widget
  • Copy the code from Tradingview.com in the section ‘Embed Code’.
  • Finally, click on ‘Generate URL’

3. Embed the widget in Notion

  • Now, just copy the URL
  • Go to Notion and paste your URL
  • Click on the option ‘Embed’
  • Resize the widgets to your need

Congratulation, you have just created your first individual widget for Notion.

You can use it to track your stock market and your crypto portfolio, but of course, you could use this widget-creation-instruction for all kinds of Notion dashboards and workflows.

How do you like this widget? Show me and the viewers what you have created in the comments. Thanks for reading!

Did you enjoy reading this post? Follow me on Twitter for more!

PS: Like/Retweet this tweet below if you can: