Sunrise & Sunset Embed Widget

Copy one snippet of code and show daily-updated sunrise and sunset times on your own site. Great for blogs, B&Bs, campsites, surf shops and photo studios — free to use.

Websites that can use this widget

The widget automatically updates data for a selected location and can sit in a blog, destination page, or event page.

• Stays and camping

  Show sunrise and sunset before guests depart

  Hotels, campsites, hiking pages, and travel guides can show local sunrise and sunset without sending visitors elsewhere.

• Coastal businesses

  The tide card suits surf, fishing, and intertidal content

  Coastal plans often need fresh tide information. An embedded card keeps basic information current on shop, guide, or community pages.

• Content sites

  Add live data to evergreen guides

  Destination guides, photography posts, and itineraries can include information that changes with the date.

What to consider when embedding

The widget stays lightweight, but production pages still need layout, attribution, and reader flow to work well.

• Updates

  The card updates with the date

  The iframe loads the card generated by this site, so you do not need to edit an article every day. It works well on evergreen location pages.

• Attribution

  Keep the link to the full data page

  The link below the card lets readers verify the complete data and is required for free widget use.

• Layout

  Size can change, but readability matters

  You can adjust iframe width and height for your layout. Check both desktop and mobile so text is not clipped.

Notes

1. The card updates automatically every day — no maintenance needed.
2. Feel free to adjust the iframe width and height attributes.
3. Free for any website; please keep the source link on the card.
4. Please keep the link below when you paste the code — it lets visitors view the full data and is the condition for using this widget free of charge.

Widget FAQ

Can I use the embed widget for free?

Yes. You can place it on blogs, business sites, or content pages. Please keep the paired source link so readers can open the complete data.

Can I change the iframe size?

Yes. Adjust width and height as needed, then check desktop and mobile views to keep the card readable.

Which cities or tide stations are supported?

The selector includes locations currently supported by the site. If you need another place, use the nearest available city or tide station as a reference.

Related tools: Sunrise & Sunset · Tide Forecast · All Tools