Easily add the daily or hourly weather to your site
💵 Pro Subscribers Only
Using the Code Block, you can easily embed the weather right on your Universe Site! Before you are able to place the weather on your site, you need to obtain the embed code that will be used.
There are many services out there, like WeatherWidget.io, that allow you to embed a weather forecast from an HTML code. Feel free to use any service that meets your needs.
For this example, we will be using powr.io. Head over to their site, and create an account to get started.
To get your weather embed code:
- Log in to powr.io.
- On the Plugins page, search for Weather.
- Further customize your plugin.
On the Content tab, enter the location for which you would like to display on your site. You can also select either a Daily or Hourly forecast.
The Design tab will let you customize how the weather should display on your site.
- When finished customizing, select Publish.
- Click on the Embed with Code option and copy the code.
If you're using a Windows computer, it is best to email yourself the code that you can access on your iPhone or iPad. Otherwise, you can directly paste the code from your Mac or iPhone/iPad.
- Open the Universe app to the page in which you wish to add the weather.
- Place the Code Block on your site and paste the code you've just copied.
🌟The Block may appear empty in the Grid Editor, so Publish your site and view it on the web to see your embedded content. Then return to the Grid Editor and make any adjustments to the size of your Code Block as needed.
🌟If you run into trouble with your POWR account, reach out to their support here.