Sunrise Sunset Widget Features

Create Your Own Sunrise Sunset Widget in Seconds for Your Website

Build a daylight card for travel pages, venues, events, outdoor activities, and local guides. Choose the city or coordinates, timezone, labels, time format, layout, colors, and device visibility in a no-code builder.

Create Your Sunrise Sunset Widget - It's Free!

How to embed Sunrise Sunset 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.

Learn more

Choose a City or Custom Coordinates

Select from preset cities or enter latitude and longitude for the exact location your page needs to represent.

Location controls include:

Preset citiesCustom city nameLatitudeLongitudeToday's date

Create Your Widget

Display Sunrise, Sunset, and Day Length

Show the three daylight details visitors usually need first: sunrise time, sunset time, and the length of today's day.

Daylight details include:

SunriseSunsetDay lengthTimezone12/24-hour time

Show Daylight Details

Customize Themes, Colors, and Labels

Start with sunrise, twilight, or minimal themes, or create a custom palette and edit every visible label.

Style controls include:

Theme presetsCustom colorsEditable labelsCorner radiusCustom CSS

Style Your Widget

Fit Compact and Stacked Page Areas

Choose a compact three-column display or a stacked card layout, then tune width, alignment, and mobile visibility.

Layout controls include:

Stacked layoutCompact layoutWidget widthText alignmentDevice visibility

Pick a Layout