If you've used Notion and you wanted to add links from all over the internet before and you couldn't really do it, we know how you feel.
That's why we've made this guide, teaching you how to do embed anything on the internet, right inside your Notion page.
We're talking about all sorts of widgets, videos, images, GIFs, previews of links and so on.
Specifically for this guide, we're just going to stick to the widgets - how to add any widget in Notion.
There are a lot of reasons on why you should embed widgets in Notion. The main reason is that they're pretty useful.
From weather widgets to clock widgets any many others, they have lots of utilities.
For instance, if you have a stocks/crypto related Notion page, you can show your users many graphs and tickers (or you can keep them for yourself as well).
No coding required! The only coding-related activity is just copying and pasting some auto-generated code. That's all!
We'll go into the full story on what you'll have to do with this coding copy and pasting in just a second.
The process is really easy, and to successfully add a widget in Notion, we're going to use a platform that's aside from Notion.
Other than that, the process shouldn't take any longer than just a few minutes.
If you already have a widget, make sure to copy its embeddable code. If you haven't found a widget already, when you find the right one, be sure to copy its embeddable code.
Once you've got the code, you have to go to this site called HtmlSave, because as its name states, we're looking to save the HTML code of the widget.
Before we begin explaining what we're going to do here, you have to know that you need to make an account on HtmlSave's website and that if you want the free plan, you'll have to disable your AdBlocker, in case you have one of those.
On the home page of HTML Save, you'll have to paste the your favourite widget's embeddable code.
Once you're done, just confirm that you're not a robot (if you're not a robot), and then hit "Save".
After you've saved the HTML embeddable code of your widget, you'll see that the page doesn't look much different than at the first step.
Though, HtmlSave just generated a unique code for your widget: it should take no longer than a few seconds for the website to do that.
At the top of the box where you've previously pasted the widget's code, you'll see this phrase: "Your Link 🎉: link".
Be sure to copy that link, because inside of it, there's our Notion widget.
Now that we've got the widget in our clipboard, we have to go to Notion and make sure to post it there.
In order to properly add your widget in Notion, you first have to create an "Embed" block.
There are two ways of adding widgets in Notion:
The fist way to do this sounds pretty easy, but don't worry, so is option 2.
All you have to do is just paste your link in Notion, and then you just have to be sure that you select "Create embed", hit save, and your widget will then show up.
If you want the second option, heres' what you have to do:
Open your document and type "/embed" and select the "Embed" block. Another way of doing that is just typing slash ("/") and scrolling all the way to the block that we need. Then, your screen should look something like this.
Once you've got that embeddable block, be sure to paste your widget's link.
Now that you've pasted your widget's link, you've just got your awesome real-time Notion widget.
One really good thing about these widget blocks is that you can freely change their sizes by dragging the bars in the corners of each side of the block.
Notion allows you to add any widget. The important part is making them work, with the help of HtmlSave.
Was this guide helpful? Have a look at the guides on how to use Notion that are provided by us. With each new day, we do our best to teach you guys how to get the most out of your favourite no-code tool.