Weather Widget

Weather Widget Features for Websites

Show current conditions and upcoming forecasts directly on your website. Choose a fixed or visitor-based location, select the right forecast view, control visible weather details, customize the design, and localize temperature units and labels without coding.

Create Your Weather Widget — It’s Free!
Weather Widget Features for Websites Hero Bg Image

How to embed Weather Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Show Weather for the Right Location

Display weather for a destination that matters to your audience. Enter a city, ZIP code, or coordinates for a fixed forecast, or use visitor-location mode to show local conditions. You can also replace the searched location with a familiar venue, neighborhood, or business name.

Location controls include:

Specific locationVisitor locationCity or ZIP codeCoordinatesCustom location name
Set Your Location
Show Weather for the Right Location

Choose and Style the Right Forecast View

Match the forecast display to your available page space and the information visitors need. Choose a detailed, daily, hourly, current-weather, or temperature-only view, then customize the background, colors, card width, and corner radius to fit your website.

Forecast views include:

Detailed forecastDaily forecastHourly forecastCurrent weatherTemperature only
Choose a Forecast View
Choose and Style the Right Forecast View

Show the Weather Details Visitors Need

Give visitors enough information to plan around local conditions without overwhelming the page. Set the forecast length and, depending on the selected view, display daily or hourly forecasts alongside temperature, humidity, wind, feels-like conditions, and weather descriptions.

Weather details can include:

Forecast lengthTemperatureHumidityWindFeels-like temperature
Customize Forecast Details
Show the Weather Details Visitors Need

Localize Weather Units and Widget Labels

Make weather information familiar to your intended audience. Display temperatures in Fahrenheit or Celsius, customize core interface labels, and control whether the responsive widget appears on desktop devices, mobile devices, or both.

Localization controls include:

FahrenheitCelsiusUpdated textVisitor location textCustom labelsDevice visibility
Localize Your Widget
Localize Weather Units and Widget Labels