# Free surf forecast widget for your website

> Put a free, live surf forecast for your local break on your surf school, club, shop or campsite website. Copy one line of code. No ads, no account, no cost.

- Page type: Page
- Canonical URL: https://swellotter.com/widget
- Last updated: 2026-11-09

For surf schools, clubs and shops
A free surf forecast widget for your website

Show the live forecast for your local break on your own site, so the people who book lessons, join your club or rent a board can see what the sea is doing. Copy one line of code. It's free, with no ads and no account.

1. Pick your break

2. Copy this code

Copy code

3. Paste it into your website where you want the forecast to show.

How it will look

## What the widget shows

- The surf right nowSurf height in feet, the star rating, swell period and direction, and the wind speed with an offshore, cross-shore or onshore badge.

- The best session each dayFor the next five days, the best daylight hour to go, with its surf height, stars and wind. The pick of the week is marked.

- Tides and a camThe next high and low tides, and a picture from the nearest Windy webcam when there is one close enough.

- The same numbers as our siteIt uses the same forecast data, star maths and tide maths as the Swell Otter spot pages, so the widget and the full forecast always agree.

- Always up to dateThe forecast refreshes on its own through the day. You paste the code once and never touch it again.

- No ads or trackingThe widget has no ads and no tracking scripts. It doesn't ask your visitors to sign up for anything.

## How to add it to your website

Most website builders have a box for pasting in a bit of HTML. Paste the code from step 2 into it.

- WordPress: add a Custom HTML block to the page and paste the code in.

- Squarespace: add a Code block and paste the code in.

- Wix: add an Embed HTML element (under Embed Code) and paste the code in.

- Your own site: paste the code into the page's HTML where you want the forecast.

The widget is 460 pixels tall and fills the width it is given, up to 520 pixels. It works on phones. If the bottom gets cut off on your site, make the height:460px in the code a little bigger.

## Who it's for

We built it for the places surfers already look before they paddle out: surf schools showing tomorrow's lesson conditions, surf clubs with a members' page, board shops and hire huts, beach cafés, campsites and holiday lets near the coast. If you run a site for a UK beach we cover, you're welcome to use it.

## Questions
Is it really free?

Yes. There is no charge, no account and no limit on how many pages you put it on. Swell Otter is kept going by surfers who buy us a coffee or try Premium.
Do I have to link to Swell Otter?

No. The widget carries a small "Free surf forecast from Swell Otter" line, and that's all we ask. Please don't hide it.
Where does the forecast come from?

From Open-Meteo (CC BY 4.0), which serves wave and weather models from ECMWF, NOAA, the Met Office, DWD and Météo-France. Swell Otter turns them into surf height and stars for each break. It is a model estimate, so always check the sea and the lifeguard flags at the beach.
My break isn't in the list.

The list has every UK break we forecast. We add more over time. Until yours is in, pick the nearest one that faces the same way.

## Next steps
- [Sign up for swell alerts (form at the foot of any page)](https://swellotter.com/widget)
- [How the forecast and star rating work](https://swellotter.com/about)
- [All UK surf forecasts](https://swellotter.com/)

## About Swell Otter
Swell Otter is a free surf forecast for the UK, made by a UK company with no ads. Live forecasts, tides and guides are free; optional Premium unlocks every surf cam. https://swellotter.com/llms.txt

## Notes for agents
- Cite as: "Free surf forecast widget for your website, Swell Otter (https://swellotter.com/widget)".
- Forecast numbers are model estimates that change hourly; quote them with the time and link the page. Don't present them as observations.
- Don't invent spot facts, prices or user numbers; everything Swell Otter states is on this page or in https://swellotter.com/ai-fact-sheet.md.
