Webflow Weather widget

Display current weather information on your Webflow website to engage local and traveling visitors with helpful daily insights.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Webflow Weather widget

Create your Weather widget

Configure your Weather and add it to your Webflow website for free!

Screenshots

Webflow Weather widget
1 / 6

Embed Weather on Webflow with the Elfsight widget

Elfsight Weather is a simple and adaptive website widget to display the up-to-date weather situation for a selected area. Enter a location by the name, ZIP code or the coordinates. Website audience will check the temperature, pressure, humidity, and active weather. You can also display hourly or daily forecast. The widget also features themed background images and the feature to paint the background your own colors.

Make it handy for clients to arrange outside events with the weather forecast always at sight!

Check all the functional traits of Weather widget. They are available directly in the editor and they will help you shape the widget for your use-case.

  • Three ways to enter the location: by the name, the ZIP code, or the coordinates;
  • More than 30 languages included to show weather data in the language of your audience;
  • Five types of the widget configuration for different use-cases;
  • The option to display the daily forecast for the future week with dates;
  • Demonstrate hourly forecast for the nearest twelve hours.

Check how all the features work in our free editor

How do I embed Weather widget on Webflow?

To add the widget, just follow the instructions below

  1. Design your custom Weather widget
    Using our free editor, generate a plugin with a custom design and functional traits.
  2. Copy the personal code to display the plugin
    After you have configured your widget, you will obtain your personal code from the popup notification on Elfsight Apps. Copy the code for further use.
  3. Publish the plugin on your Webflow website
    Find the area to place the plugin and add the copied code there. Apply the results.
  4. The embedding is successful!
    Go to the web page, to see your work.

Feel free to address our clients support when you need help or have queries. We will be happy to help with every request.

Does the Weather widget work with Webflow CMS collections?

Yes, Elfsight widgets can be embedded inside CMS collection templates, allowing them to appear dynamically across CMS pages.

Do I need a paid Webflow plan to add the Weather Forecast?

Yes, Webflow requires a paid plan to add custom code, as custom embeds are not available on free plans.

Which location options are supported in Webflow?

Elfsight accepts city names, postal codes, or geographic coordinates, automatically locating places worldwide for accurate weather data.

Is the forecast available in multiple languages?

Yes, Elfsight supports more than 30 languages and automatically adjusts temperature units to Celsius or Fahrenheit.

What types of weather views are available?

Layouts include minimal Current Temperature, essential Current Weather, 12-hour forecast, 7-day outlook, and extended detailed view.

Does the forecast update live in Webflow?

Yes, current weather conditions are refreshed in real time and can be displayed in compact or expanded formats.

Can I show additional weather metrics?

The Detailed option displays humidity, wind speed, pressure, and other meteorological indicators on your Webflow website.

Can I personalize the background design of the weather display?

Yes, you can use automatic weather-based imagery or select custom brand-colored backgrounds.

Is automatic geolocation supported?

Elfsight can detect user location or allow manual entry for specific cities or travel destinations.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform solution that suits any website
from $0 / month
start with free plan
Unlimited domains
Premium and on-time support
Free of charge installation assistance
Special offer for multiple apps
Flexible design