<![CDATA[How to embed Windy to your website?]]>Embedding a weather map into a website is a fantastic way for businesses and educational sites to provide real-time weather data to their visitors. The feature enriches your user experience by offering map information directly on your platform.

If you're looking to use maps of Windy.com on your website, here's a simplified guide to get you started.

Simply go to Windy.com ➤ Click on </> Embed widget on page ➤ You will be redirected to a configuration page, which you can see below.



  • First step: Choose a map layer in the upper right corner. You can choose from up to 51 layers. Then you may edit its pixel size, zoom level and the units.

  • Second step: You may also add a marker, isolines and forecast for a chosen spot.

  • Third step: Click on “Copy clipboard” under the third point and simply paste it in your HTML.

Share with us in the comments the websites where you see a Windy embed (including your own) for a chance to win a Windy sweater!

]]>https://community.windy.com/topic/10/how-to-embed-windy-to-your-websiteRSS for NodeThu, 15 Oct 2026 21:23:55 GMTTue, 22 Sep 2015 19:37:06 GMT60<![CDATA[Reply to How to embed Windy to your website? on Thu, 26 Sep 2024 06:25:11 GMT]]>I'm currently facing an issue with the embedded weather map from Windy.com. While it displays perfectly on desktop, the map doesn't adjust properly on mobile devices. Instead of resizing to fit the screen, it either gets cut off or requires horizontal scrolling, which negatively impacts user experience.

Has anyone else encountered this issue, and if so, what solutions or CSS adjustments have you implemented to make the map more responsive on mobile? Any help would be appreciated!

]]>https://community.windy.com/post/200240https://community.windy.com/post/200240Thu, 26 Sep 2024 06:25:11 GMT<![CDATA[Reply to How to embed Windy to your website? on Mon, 26 Aug 2024 01:09:14 GMT]]>Hello!

I’ve been able successfully embed Windy weather radar into my MagicMirror2 project complete with animation, but I can’t seem to figure out why my location dot is grossly off. I live in Canton, GA, which is about 35 miles North of Atlanta, but my embed displays my location erroneously as somewhere in North Central Florida.

Has anyone else experienced this with your embeds and if so, were you able to resolve it somehow?

Thanks!
Terry

]]>https://community.windy.com/post/198639https://community.windy.com/post/198639Mon, 26 Aug 2024 01:09:14 GMT<![CDATA[Reply to How to embed Windy to your website? on Sun, 04 Aug 2024 13:12:12 GMT]]>Will this work on MySpace too?

]]>https://community.windy.com/post/197149https://community.windy.com/post/197149Sun, 04 Aug 2024 13:12:12 GMT<![CDATA[Reply to How to embed Windy to your website? on Mon, 22 Jul 2024 03:18:38 GMT]]>@ivo i have been trying to add windy map in our website, it get embed but unfortunately in mobile view it doesn't show properly

]]>https://community.windy.com/post/195104https://community.windy.com/post/195104Mon, 22 Jul 2024 03:18:38 GMT<![CDATA[Reply to How to embed Windy to your website? on Mon, 01 Jul 2024 17:48:31 GMT]]>Hello, can I add instant weather events of the coordinate I want to my site in the form of gif animations? weather site

]]>https://community.windy.com/post/193629https://community.windy.com/post/193629Mon, 01 Jul 2024 17:48:31 GMT<![CDATA[Reply to How to embed Windy to your website? on Fri, 02 Dec 2022 19:12:03 GMT]]>Having an issue with an embedded pointcast on Chrome browser.

When the page loads, the Windy map focuses away from the pointcast beacon so that viewers need to scroll on the map to find the beacon. This occurs consistently on Google Chrome browser for Mac. Safari isn't an issue.

The relevant pointcast is embedded under the "Surface Winds Forecast" section: https://redtailparagliding.com/boulder-weather/

]]>https://community.windy.com/post/127404https://community.windy.com/post/127404Fri, 02 Dec 2022 19:12:03 GMT<![CDATA[Reply to How to embed Windy to your website? on Tue, 29 Nov 2022 21:42:29 GMT]]>Hello; Can I embed windy codes using location for weather web page? sample page

]]>https://community.windy.com/post/127095https://community.windy.com/post/127095Tue, 29 Nov 2022 21:42:29 GMT<![CDATA[Reply to How to embed Windy to your website? on Fri, 20 May 2022 15:51:59 GMT]]>@wbrock32

Has there been any development on this?

]]>https://community.windy.com/post/108049https://community.windy.com/post/108049Fri, 20 May 2022 15:51:59 GMT<![CDATA[Reply to How to embed Windy to your website? on Sun, 24 Mar 2019 14:53:08 GMT]]>how do you get the embeded radar map to auto play? I am using Iframes and HTML?

]]>https://community.windy.com/post/20138https://community.windy.com/post/20138Sun, 24 Mar 2019 14:53:08 GMT<![CDATA[Reply to How to embed Windy to your website? on Thu, 24 Jan 2019 17:09:04 GMT]]>Has anyone has issues with the Fahrenheit option?

]]>https://community.windy.com/post/18266https://community.windy.com/post/18266Thu, 24 Jan 2019 17:09:04 GMT<![CDATA[Reply to How to embed Windy to your website? on Tue, 20 Nov 2018 20:08:13 GMT]]>I love this idea!!!
I wonder if I embed the Windy Widget to my website, what language will it be if someone opens my website, e.g. in the USA? Will it display everything in English? Does anyone have experience with it? And how can I make the widget mobile?

]]>https://community.windy.com/post/16958https://community.windy.com/post/16958Tue, 20 Nov 2018 20:08:13 GMT<![CDATA[Reply to How to embed Windy to your website? on Thu, 09 Mar 2017 22:39:12 GMT]]>For consideration: Integration of user-defined plume models. Or, Windytv built-in plume models. For example, I wonder how the UI at http://weather.hawaii.edu/vmap/hysplit/, modeling Hawaii volcano smog, might be presented on top of Windytv, using Windytv wind data. Then, it occurred to me this might be a nice source of income for Windytv, fee-paid for "business" use of an API. There are probably 10's or 100's of thousands of national, state, and local hazmat and disaster-planning departments around the world who have prepared (or want to prepare) plume-model applications, to track release of airborne toxins. No doubt they would be pleased to move their models to Windytv, and willing to pay for it.

]]>https://community.windy.com/post/4638https://community.windy.com/post/4638Thu, 09 Mar 2017 22:39:12 GMT<![CDATA[Reply to How to embed Windy to your website? on Fri, 20 Jan 2017 10:38:34 GMT]]>@TomSlavkovsky
Hi Tom, Thanks,
I would like to add this map: 0_1484908159872_screen shot 1.pdf
To this webpage/blog 0_1484908236675_screen shot 2.pdf inside the Google gadget.
Inside the Google gadget I can paste a URL address, there: 0_1484908340178_screen shot 3.pdf

It doesn't work if I copy paste your URL at the bottom left
like:

Should I copy the top URL at the top of my search engine ? like: https://www.windytv.com/-64.075/117.945?-65.431,121.377,5

Thanks a lot for your help.

]]>https://community.windy.com/post/4155https://community.windy.com/post/4155Fri, 20 Jan 2017 10:38:34 GMT<![CDATA[Reply to How to embed Windy to your website? on Fri, 20 Jan 2017 10:23:56 GMT]]>Sorry about that, should work now, or you can use imgur.com.

]]>https://community.windy.com/post/4153https://community.windy.com/post/4153Fri, 20 Jan 2017 10:23:56 GMT<![CDATA[Reply to How to embed Windy to your website? on Fri, 20 Jan 2017 10:14:02 GMT]]>Sorry, it's telling me that I don't have enough privileges to upload a picture in reply to you.

]]>https://community.windy.com/post/4152https://community.windy.com/post/4152Fri, 20 Jan 2017 10:14:02 GMT<![CDATA[Reply to How to embed Windy to your website? on Fri, 20 Jan 2017 09:43:01 GMT]]>@LeStef Send us some screenshot what you are doing

]]>https://community.windy.com/post/4151https://community.windy.com/post/4151Fri, 20 Jan 2017 09:43:01 GMT<![CDATA[Reply to How to embed Windy to your website? on Fri, 20 Jan 2017 08:47:22 GMT]]>Hi I am trying to embed your windytv map onto a Google website / Blog inside a Google Gadget iframe box. It is for a scientific cruise followup.
The URL I try to copy is:

But it doesn't show up.
Any idea ? Should I remove some part of the address ?
Thanks a lot.

]]>https://community.windy.com/post/4150https://community.windy.com/post/4150Fri, 20 Jan 2017 08:47:22 GMT<![CDATA[Reply to How to embed Windy to your website? on Thu, 21 Jan 2016 10:59:49 GMT]]>Sprites are about putting many images in a single image and then use css to display it.

This allow to have only one request to download all images, so it's much more efficient for client and the server.

http://www.w3schools.com/css/css_image_sprites.asp

And there is lot of other advantages for the website that we can discuss in private if you like.

]]>https://community.windy.com/post/3191https://community.windy.com/post/3191Thu, 21 Jan 2016 10:59:49 GMT<![CDATA[Reply to How to embed Windy to your website? on Thu, 21 Jan 2016 10:42:11 GMT]]>@Kitesurf-Cruises Tell me more about the "sprites"/ Do you have any example how this works.

]]>https://community.windy.com/post/3186https://community.windy.com/post/3186Thu, 21 Jan 2016 10:42:11 GMT<![CDATA[Reply to How to embed Windy to your website? on Wed, 20 Jan 2016 16:28:24 GMT]]>Hi Ivo,

Just a quick tip: to make it responsive you can use a parent div with custom css. You can see how it looks on my Kite Cruises website if you like.

HTML:
<div> <iframe></iframe></div>

CSS:
.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }

Also if I can afford it would be great if you use sprite to minimize server requests and speed up rendering ;-)

]]>https://community.windy.com/post/3117https://community.windy.com/post/3117Wed, 20 Jan 2016 16:28:24 GMT<![CDATA[Reply to How to embed Windy to your website? on Fri, 11 Dec 2015 16:05:04 GMT]]>I cant use this site the browser saids there was a problem with the server.Is there any alternative site.

]]>https://community.windy.com/post/2550https://community.windy.com/post/2550Fri, 11 Dec 2015 16:05:04 GMT