The 5 Best Weather Widgets for Notion that are Easy to Add

Best Weather Widgets for Notion

Notion is one of the programs that extend as much as you like them to. It has some beautiful templates and widgets.

The Notion weather widget is one of the most searched. In this article, we explore the best weather widgets for Notion.

Weather in Indify

Weather Widgets for Notion
Indify Weather Widget in Notion

Indify weather widget for Notion is the most elegant among all. You need to create a free account to access the website.

How to add weather from Indify

Follow the steps below to add the weather widget to Notion:

  1. Go to Indify
  2. Click on Sign Up
  3. Find the Weather widget and click on it
  4. Adjust settings and copy the generated URL
  5. Go to Notion and add an Embed block
  6. Paste the URL

Indify widget is one of the great Notion widgets because it looks fantastic and has many customizable options, including location, measure units, number of days, style, themes, and colors.

TheWeather.com

Weather.com Widgets in Notion
Weather.com Widgets in Notion

The second weather widget for Notion is from TheWeather. This one is the easiest as it doesn’t force you to create an account.

The widget looks a bit dated, but the weather is updated frequently, allowing you to observe the up-to-date weather.

How to add TheWeather.com

The widget site has four sections:

  • Location
  • Format (days and widget size)
  • Content (units)
  • Style (colors, icons, and fonts)

Adjust those settings as required. Once the widget is ready, put in your email address below. Then, choose An image and click Generate code.

You will see a code. Copy the URL starting with “https” and ending with “.png.” In Notion, add an image block and click on “Embed link.” Paste that link in the box.

Weather.io widget

Weatherwidget.io Widget in Notion
Weatherwidget.io Widget in Notion

TheWeather.com creates an HTML and JavaScript code that Notion does not fully support. So, we will use a third-party app to convert the URL into embeddable HTML code.

How to add Weather.io

Go to the widget website and insert your location. Changing the units and appearance is possible in other tabs.

You can preview the widget by getting the code first and copying it into the preview box. The provided code contains scripts, so we can’t paste it into Notion as an embed.

The app called Apption has a tool to convert codes into HTML links. You must create an account, and the app supports limited code generations for free.

Follow the steps below to convert the code:

  1. Sign up on the site
  2. Put a name
  3. Paste the code in HTML Code
  4. Click Generate URL

A new URL will be visible. Copy that URL, paste it into Notion, and select the Create embed option.

WidgetBox

Weather Widgets on WidgetBox
Weather Widgets on WidgetBox

WidgetBox is freemium, and weather widgets are in its premium plan. However, it is easy to use and has three different widgets.

How to add WidgetBox

Log in on the website and go to the Weather section. You must upgrade to use those widgets. Click on the desired option.

You will see lots of customization titles. Once happy, copy the URL given and paste it into Notion. While pasting, choose Create embed to display the widget.

While you are here, learn to add a clock in Notion

AccuWeather

AccuWeather as a Widget in Notion
AccuWeather as a Widget in Notion

Notion is a vast program letting you embed a whole website. The program does not support all the URLs, so you must try and see.

AccuWeather is one of those supported websites. Here is how to add it to Notion:

  1. Go to the AccuWeather website
  2. Search for your location
  3. Copy the URL of the website
  4. Paste it into Notion
  5. Click on the Create embed button
  6. Adjust the position of the website inside the widget

It may take a few seconds for the widget to load.

How to add AccuWeather

Embed weather websites into Notion

Weather Website as a Widget in Notion
Weather Website as a Widget in Notion

You can add many weather websites as widgets in Notion using the method discussed in the AccuWeather section.

In this example, I’m using Australia’s Bureau of Meteorology website. Go to the website you like to embed. Search for the desired location and paste the URL into Notion.

Notion will suggest three options. Click on Create embed. If the website is supported, you will see it the same. If it’s not, Notion will create a link instead.

Leave a Comment

Your email address will not be published. Required fields are marked *