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!

Create Your Own Sunrise Sunset Widget in Seconds for Your Website

How to embed your Sunrise Sunset into WordPress

1Get your embed code

After customizing your Jform 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 Jform website widget embed code into the HTML field.

4Update and view

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

더 알아보기

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 name위도경도Today'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 length시간대12/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 radius맞춤설정 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 layout위젯 너비Text alignmentDevice visibility

Pick a Layout