How to Add Weather Widget on Your Form

Last Update: August 26, 2026

Summarize with:

Jotform’s Weather widget lets you display weather information directly on your form, making it useful for forms where location and weather conditions are relevant. You can use it to provide respondents with weather details while they complete the form, without requiring them to leave the form to check the forecast.

Here are a few ways to use it:

Display weather information on travel or vacation request forms.
Show local weather conditions on outdoor event registration forms.
Provide weather details on tour or activity booking forms.
Help respondents check conditions when submitting outdoor service requests.

Whether you’re creating a new form or updating an existing one, you can add and set up the Weather widget in a few easy steps. Here’s how to do it:

In Form Builder, click on Add Element on the left side of the page.

Jotform Form Builder with the Add Element button highlighted on the left side of the page for adding a new form element

Now, in the Form Elements menu, under the Widgets tab, search for Weather and click on it. Or, just drag and drop it to where you want it to be on your form.

Jotform Form Elements menu under the Widgets tab showing the Weather widget in the search results, ready to be selected or dragged and dropped onto the form

Next, in the Widget Settings menu that opens on the right side of the page, under the General tab, you’ll see this list of settings you can configure:
- How to Get the Location — Choose how the widget determines the location used to display weather information.
- Weather Details to Save — Select the weather information you want to display and store with each form submission.
  - Temperature — Displays and saves the current temperature at the selected location.
  - Condition — Displays and saves the current weather condition, such as sunny, cloudy, or rainy.
  - Humidity — Displays and saves the current humidity level at the selected location.
  - Wind Speed — Displays and saves the current wind speed at the selected location.
  - Pressure — Displays and saves the current atmospheric pressure at the selected location.
  - Air Pollution — Displays and saves the current air pollution level or air quality information at the selected location.
- Temperature Units — Choose whether temperatures are displayed in Celsius or Fahrenheit.
Once you’re done, click on Update.

Jotform Weather widget settings showing How to Get the Location, Weather Details to Save options for temperature, condition, humidity, wind speed, pressure, and air pollution, plus Temperature Units for Celsius or Fahrenheit, with the Update button available

Note

If you choose to use your Current Location, be sure Location is enabled in your browser. The Weather widget needs access to your location to fetch your current location and display the corresponding weather information.

That’s it. You’ve successfully added and set up the Weather widget on your form.

Jotform Form Builder showing the successfully added and configured Weather widget on the form, with weather information ready to be displayed and saved with submissions

Wondering how it looks in action? Check out this demo form.

For advanced styling of the Weather widget, you can add your own custom CSS code under the Custom CSS tab in the Widget Settings. Our guide on How to Inject CSS Codes to Widgets walks you through everything.
You can also configure the widget properties, like alignment, labels, size, visibility, and more, to control how it looks and behaves in your form. Check out our guide on How to Access and Configure the Question Properties of a Widget to learn more.