Widget meteo gratis per il tuo sito
Scegli una località, un layout e i colori, poi copia una sola riga di codice. Il widget mostra il meteo in tempo reale e le previsioni, si aggiorna da solo e funziona su qualsiasi sito: WordPress, Wix, Shopify o semplice HTML.
<div class="aos-weather" data-place="3169070" data-lang="it" data-label="Meteo a Roma" style="max-width:420px"></div>
<script async src="https://atlasofseasons.com/widget.js"></script>Si carica in modo differito e adatta l’altezza da solo. Inserisci il tag script una sola volta per pagina, anche con più widget.
<iframe src="https://atlasofseasons.com/widget/v1/3169070?lang=it" title="Meteo a Roma" width="100%" height="399" style="border:0;display:block;max-width:420px;" loading="lazy"></iframe>Funziona dove gli script non sono consentiti. L’altezza è fissa: regolala se in seguito cambi le opzioni.
Come aggiungerlo al tuo sito
WordPress
- Modifica la pagina o apri Aspetto → Widget.
- Aggiungi un blocco «HTML personalizzato».
- Incolla il codice e aggiorna la pagina.
Wix
- Nell’editor clicca su Aggiungi → Incorpora codice → Incorpora HTML.
- Scegli «Codice», incolla il codice e clicca su Aggiorna.
- Ridimensiona il riquadro e pubblica.
Shopify
- Vai su Negozio online → Temi → Personalizza.
- Aggiungi una sezione «Liquid personalizzato» dove vuoi il widget.
- Incolla il codice e salva.
HTML
- Apri il file HTML della pagina.
- Incolla il codice dove deve comparire il widget, all’interno di <body>.
- Salva e carica il file sul server.
Il widget è una piccola scheda generata lato server che si carica in una frazione di secondo: niente web font, niente script di tracciamento, niente cookie e niente pubblicità. Le icone sono SVG inline e le previsioni vengono aggiornate ogni 15 minuti, così la tua pagina resta veloce e i visitatori vedono sempre il meteo attuale.
È gratuito per siti personali e commerciali. L’unica condizione è che il piccolo link «Meteo · Atlas of Seasons» in fondo al widget resti visibile.
Perché scegliere questo widget meteo
Sei layout
Una striscia su una riga, un badge compatto, una scheda con le previsioni, una barra larga a 7 giorni, una striscia oraria o le previsioni complete.
Si adatta al tuo stile
Tema chiaro, scuro, automatico o vetro trasparente, colori personalizzati, angoli arrotondati, bordo, ombra e font.
Ogni luogo del mondo
Oltre 200.000 città, paesi e località turistiche, con ora locale, °C o °F e quattro unità per il vento.
12 lingue
Italiano, inglese, turco, tedesco, spagnolo, portoghese, francese, polacco, olandese, russo, giapponese e arabo (da destra a sinistra).
Veloce e rispettoso della privacy
HTML leggerissimo, caricamento differito, nessun cookie, nessuna statistica e nessuna richiesta a terze parti nel widget.
Responsive
Larghezza fluida che si adatta a sidebar, colonne di contenuto e smartphone; lo script regola l’altezza in automatico.
Domande sul widget meteo
Il widget meteo è davvero gratis?
Sì. Puoi usarlo su tutti i siti personali o commerciali che vuoi, senza costi, senza account e senza chiave API. Ti chiediamo solo di lasciare visibile il piccolo link di attribuzione.
Come aggiungo il widget meteo al mio sito?
Scegli qui sopra la località e l’aspetto che preferisci, copia il codice e incollalo nella pagina dove vuoi che compaia il widget: in WordPress con un blocco «HTML personalizzato», in Wix con l’elemento «Incorpora HTML», in Shopify con una sezione «Liquid personalizzato».
Ogni quanto vengono aggiornate le previsioni?
Le condizioni attuali e le previsioni vengono aggiornate circa ogni 15 minuti dai modelli meteorologici globali. Non devi mai modificare il codice: il widget mostra sempre i dati più recenti.
Il widget rallenta il mio sito?
No. Lo script pesa meno di 3 KB, si carica in modo asincrono e crea il widget solo quando entra nella parte visibile della pagina. Il widget stesso è qualche kilobyte di HTML, senza font, immagini o tracker.
Il widget usa cookie o traccia i visitatori?
No. Il widget non usa cookie, local storage né strumenti di analisi, quindi non va inserito nel banner dei cookie.
Posso mostrare più località nella stessa pagina?
Sì. Aggiungi un blocco di codice per ogni località; con la versione script basta inserire il tag script una sola volta per pagina.