Crie seu widget de clima gratuito
Clima ao vivo para qualquer cidade, totalmente personalizável. Uma linha de HTML — funciona em qualquer site (WordPress, Shopify, Wix, HTML puro, qualquer lugar). Gratuito para sempre.
1. Escolher cidade
/fr/paris → city=paris&country=fr2. Tamanho
3. Aparência
4. Idioma + unidades
5. Mostrar / ocultar seções
Visualização ao vivo
O widget meteorológico gratuito que qualquer site pode incorporar em 60 segundos
O widget weather.now mostra as condições atuais em tempo real e a previsão de 7 dias para qualquer cidade do mundo, em qualquer um dos 38 idiomas. Escolha uma cidade, copie um pequeno trecho de HTML, cole na sua página. Essa é a instalação completa. Sem plugin, sem conta, sem chave de API, sem pagamento.
Use em um blog, uma página de hotel, um aluguel de férias, um anúncio imobiliário, um portal escolar, um guia de viagem, uma marina, uma estação de esqui, uma loja Shopify — em qualquer lugar onde uma página se beneficie de mostrar como está o clima agora.
O trecho faz duas coisas ao mesmo tempo. Para seus visitantes, ele é exibido como um cartão meteorológico limpo e estilizado. Para mecanismos de busca, leitores de RSS e leitores de tela, ele é exibido como uma citação HTML semântica: o nome da cidade, um link para a página de previsão e crédito ao weather.now. Ambos, a partir de uma única linha de código.
Por que as pessoas escolhem este widget meteorológico gratuito
- Gratuito para sempre. Sem cadastro, sem chave de API, sem limite de uso, sem cartão de crédito. Apenas cole e pronto.
- Personalize tudo. Tema claro, escuro ou automático. Cor de destaque, cor de fundo, cor do texto, raio dos cantos, tamanho da fonte, tamanho do widget e quais seções exibir.
- 38 idiomas. Inglês, espanhol, francês, alemão, português, italiano, holandês, russo, árabe, chinês (simplificado e tradicional para Hong Kong e Taiwan), japonês, coreano, vietnamita, turco, polonês, tcheco, eslovaco, grego, hebraico, tailandês, indonésio, malaio, finlandês, norueguês, sueco, dinamarquês, romeno, húngaro, búlgaro, ucraniano, lituano, letão, estoniano, esloveno, sérvio e islandês.
- Escolha seu formato de data e hora. 12 horas com AM/PM ou 24 horas. Nomes dos dias da semana, MM/DD, DD/MM ou datas com nome do mês.
- Escolha suas unidades. Celsius ou Fahrenheit. Velocidade do vento métrica ou imperial. Uma escolha por widget.
- Adapta-se a qualquer layout. Predefinições de banner, quadrado, padrão ou completo, ou redimensione arrastando a pré-visualização para qualquer tamanho entre 180×80 e 1200×1000 pixels. O widget reorganiza seu conteúdo automaticamente conforme o contêiner muda.
- Rápido como um raio. HTML renderizado no servidor, sem bibliotecas JavaScript externas, sem downloads de fontes, sem scripts de rastreamento. O script de carregamento tem cerca de 1 KB; o widget renderizado tem de 6 a 8 KB compactado.
- Funciona em todas as plataformas. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, sites Notion, HTML puro, aplicativos de página única — em qualquer lugar onde um pequeno trecho de HTML seja permitido.
- Feito para SEO. O trecho já vem com um bloco de citação real e indexável contendo o nome da cidade e um link para a página de previsão. Os mecanismos de busca o veem assim que rastreiam sua página, antes mesmo de o script do widget ser executado.
Como funciona a incorporação
O trecho que você cola é um pequeno bloco de citação HTML seguido por uma tag de script de uma linha. Por si só, esse bloco já é um conteúdo válido e legível: um título com o nome da cidade, um link para a página de previsão completa e uma linha de crédito para o weather.now. Os rastreadores o veem assim que acessam sua página.
Quando a página carrega em um navegador que executa JavaScript, nosso script de carregamento (cerca de 1 KB, carregado de forma assíncrona) substitui o bloco de citação pelo widget de clima ao vivo estilizado. Seus visitantes humanos veem o widget renderizado. Rastreadores, leitores de RSS, leitores de tela, clientes de e-mail e qualquer contexto sem JavaScript veem a alternativa de citação limpa. Nada é escondido, nada é perdido.
Essa é a mesma abordagem que Twitter, Instagram e Reddit usam para suas incorporações: uma alternativa semântica em HTML que é aprimorada para um widget rico. Você não precisa escrever JavaScript, configurar um iframe ou se preocupar com scripts que bloqueiam a renderização. Você cola, publica, funciona.
Perguntas frequentes
O widget de clima é realmente gratuito?
Sim — completamente gratuito, sem cadastro, sem chave de API e sem limite de uso. Pedimos apenas que você mantenha o pequeno crédito do weather.now visível no snippet. Esse crédito é como novos usuários nos descobrem e é o que nos permite manter o widget gratuito para todos.
Como instalo o widget no WordPress?
No editor de blocos (Gutenberg), adicione um bloco HTML personalizado e cole o snippet. No editor clássico, mude para a aba Texto ou HTML e cole lá. No Elementor ou Divi, use o widget HTML. Não é necessário plugin ou modificação no tema.
Como instalo na Shopify?
Abra o editor de temas, adicione uma seção de HTML personalizado a qualquer página e cole o snippet. Para um widget em todo o site no rodapé ou na barra lateral, edite o theme.liquid e cole o snippet onde deseja que apareça. Também funciona em páginas de produto e artigos de blog.
Como instalo no Wix ou Squarespace?
Ambos os editores têm um bloco de incorporação HTML. No Wix, adicione um elemento Embed HTML e cole o snippet. No Squarespace, adicione um bloco Code (definido como HTML) e cole o snippet. O widget renderiza corretamente dentro de ambas as sandboxes.
Posso mostrar previsões para várias cidades na mesma página?
Sim — cole o snippet quantas vezes quiser, um por cidade. Cada widget carrega de forma independente e é armazenado em cache separadamente na borda, então adicionar mais cidades não deixa a página mais lenta.
O widget meteorológico deixa meu site mais lento?
Nenhum impacto mensurável nos Core Web Vitals. O script de carregamento tem cerca de 1 KB e carrega de forma assíncrona. O widget em si carrega de forma preguiçosa — ele não renderiza até que o visitante role perto dele. O payload renderizado tem em média 6 a 8 KB compactados, servido de uma CDN com latência inferior a 100 milissegundos em todo o mundo.
Posso alterar cores e tamanhos depois de instalar o widget?
Sim — cada opção é um atributo HTML simples no snippet. Altere um número ou uma cor hexadecimal no código colado e o widget será atualizado na próxima vez que a página carregar. Não é necessário arquivo CSS nem etapa de build. Ou volte ao gerador acima, crie uma nova variante e copie um snippet novo.
Quão atualizados são os dados meteorológicos?
As condições atuais são atualizadas a cada 5 a 10 minutos em nossos servidores. O widget puxa do cache ao vivo, então seus visitantes sempre veem o clima atualizado sem nenhum trabalho da sua parte.
Quais fontes de dados meteorológicos vocês usam?
Agregamos dados dos principais provedores meteorológicos globais e escolhemos a fonte de maior resolução disponível para cada cidade. A cobertura é mundial: todos os países povoados e mais de 2,8 milhões de cidades e vilas, incluindo locais remotos que a maioria das APIs não cobre.
O widget está em conformidade com o GDPR?
Sim. O widget não define cookies, não executa scripts de rastreamento, não identifica usuários e não usa endereços IP dos visitantes para análises. As únicas chamadas de rede que faz são para buscar o HTML do widget e os ícones do clima em weather.now — o mesmo tipo de chamada que seu site faz ao incorporar um vídeo do YouTube ou um Google Maps. Você não precisa adicioná-lo a um banner de cookies.
O widget funciona se os visitantes tiverem o JavaScript desativado?
Sim — eles veem o fallback em HTML: o nome da cidade, um link funcional para a página de previsão completa em weather.now e o crédito do weather.now. O widget estilizado só aparece quando o script de carregamento é executado.
Posso usar o widget em uma página AMP?
O AMP remove scripts personalizados, então o widget ao vivo não renderizará em páginas AMP. O fallback em HTML (nome da cidade, link para a previsão, linha de crédito) é marcação AMP válida e exibe normalmente, o que é suficiente para a maioria dos casos de uso.
Posso forçar um idioma específico, independentemente de onde os visitantes vêm?
Sim — defina a opção de Idioma no gerador para qualquer um dos 38 locais suportados e o widget sempre será exibido nesse idioma. Deixe em Automático e o widget seguirá o idioma do navegador de cada visitante.
Pronto para adicionar clima ao seu site?
Volte ao topo, pesquise sua cidade, escolha o tamanho e as cores, e copie o código. O processo todo leva menos de um minuto e seus visitantes ganham uma previsão do tempo ao vivo para sempre — sem custo para você.