Como Exibir Previsão do Tempo no WordPress (Guia para Iniciantes)

Se você administra um hotel, um site de eventos ou uma agência de viagens, um recurso que sempre recomendamos adicionar ao WordPress é a previsão do tempo.

Pense nisso. Visitantes planejando suas viagens ou eventos frequentemente têm uma pergunta crucial: 'Como estará o tempo?' Ao fornecer essa informação diretamente em seu site, você não está apenas respondendo à pergunta deles. Você está melhorando a experiência deles e potencialmente influenciando a decisão de reservar.

Neste artigo, vamos guiá-lo por como adicionar uma previsão do tempo elegante e funcional ao seu site WordPress.

Como Adicionar um Widget de Previsão do Tempo ao WordPress (Passo a Passo)

Quem Precisa de Previsão do Tempo no WordPress?

Nem todos os sites precisam exibir uma previsão do tempo para seus usuários. No entanto, às vezes, as pessoas podem tomar uma decisão com base nas condições climáticas futuras.

Se você administra um site nos setores de viagens, eventos, hotéis, pousadas ou indústrias similares, então os visitantes podem se interessar pelo clima futuro.

Ao exibir essas informações em seu site, você pode proporcionar uma melhor experiência ao usuário. Isso pode manter as pessoas em seu site por mais tempo, o que ajuda a obter conversões.

Por exemplo, um visitante pode decidir preencher o formulário de reserva do seu hotel se vir que os dados meteorológicos preveem tempo quente e ensolarado.

Um exemplo de previsão do tempo em um formulário de reserva

Mesmo que você não administre um site de viagens ou hospitalidade, um widget de previsão do tempo para WordPress ainda pode ser útil para seus visitantes.

Por exemplo, se você administra um blog de viagens, os leitores podem usar a previsão do tempo para planejar sua viagem.

Existem muitos plugins que podem obter as informações meteorológicas mais recentes e exibi-las de forma atraente em seu site. No entanto, para obter os melhores resultados, você precisa encontrar um plugin do WordPress que seja rápido, fácil de usar e que não adicione muitos links para serviços meteorológicos externos.

Dito isso, vamos ver como adicionar facilmente uma previsão de atualização meteorológica às suas postagens, páginas e widgets de barra lateral do WordPress. Você pode usar os links rápidos abaixo para pular para uma etapa específica:

Etapa 1: Instale e configure uma conta do Location Weather

Location Weather é um plugin meteorológico para WordPress fácil de usar para iniciantes que permite adicionar uma previsão diária a qualquer página ou postagem, ou área pronta para widgets. Usando este plugin, você pode exibir a velocidade do vento, temperatura, pressão do ar, visibilidade e muito mais.

Um exemplo de previsão do tempo, adicionado a um site WordPress

Você pode até exibir o relatório meteorológico para vários locais na mesma página. Para saber mais, consulte nossa análise completa do Location Weather.

Neste guia, usaremos o plugin gratuito, pois ele tem tudo o que você precisa para mostrar a previsão do tempo no WordPress. Se você quiser mostrar previsões de vários dias ou detectar automaticamente a localização do visitante, então também existe o Location Weather Pro.

A primeira coisa que você precisa fazer é instalar e ativar o plugin Location Weather . Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

O Location Weather obtém suas previsões em tempo real de um serviço de meteorologia online chamado OpenWeather. Para acessar o OpenWeather, você precisará criar uma chave de API e, em seguida, adicioná-la às configurações do plugin.

Para criar uma chave, vá para Location Weather » Settings no painel do WordPress. Aqui, clique no link ‘Get API key’.

Link para a API OpenWeather

Isso o levará a uma tela onde você pode criar uma conta gratuita do OpenWeatherMap inserindo seu endereço de e-mail e criando uma senha.

Após fazer login na sua conta OpenWeatherMap, clique no seu nome na barra de ferramentas e selecione ‘Minhas chaves de API’.

Obtendo uma chave de API de previsão do tempo para seu site WordPress

Nesta tela, você verá uma chave de API padrão.

Simplesmente copie a chave.

Chave de API OpenWeatherMap

Agora, volte para o seu painel do WordPress e cole a chave de API na caixa OpenWeather API Key.

Com isso feito, clique no botão ‘Salvar Configurações’ para armazenar a chave de API.

Uma chave de API OpenWeather

Etapa 2: Adicione uma previsão do tempo ao WordPress

Agora, você está pronto para adicionar uma previsão do tempo ao WordPress acessando Location Weather » Add New.

Para começar, digite um título para a previsão do tempo. Isso aparecerá acima da previsão do tempo no seu site WordPress, para que seja visível para os visitantes.

Como adicionar uma previsão do tempo ao seu site WordPress

Depois disso, você precisa rolar até ‘Nome da Cidade’ e digitar a localização da sua previsão do tempo.

Como estamos usando a versão gratuita, você precisará usar o formato ‘Cidade, País’. Isso deve funcionar bem para a maioria das localizações.

Configurando uma previsão do tempo usando um plugin gratuito do WordPress

Se várias localizações tiverem o mesmo nome, o plugin poderá escolher a cidade errada. Se isso acontecer, você precisará fazer o upgrade para o Location Weather Pro e, em seguida, inserir o ID da cidade, CEP ou coordenadas de localização.

Depois de fazer isso, verifique as unidades que o Location Weather está usando para temperatura, pressão e velocidade do vento e faça as alterações necessárias.

Por exemplo, se você mora nos EUA, precisará usar Fahrenheit.

Alterando unidades em uma previsão do tempo, incluindo temperatura, velocidade do vento e mais

Em seguida, você deve selecionar a aba ‘Opções de Exibição’ e escolher quais informações deseja mostrar em seu blog WordPress.

A maioria dessas configurações é direta, então você pode examiná-las e fazer as alterações que desejar.

A Aba Opções de Exibição

Por padrão, o Weather Location exibirá uma mensagem ‘Weather from OpenWeatherMap’ abaixo da previsão.

Se você quiser ocultar esse texto, role até o final da tela Opções de Exibição e clique para desativar o interruptor ‘Atribuição do Tempo’.

Remover o Link para o Site OpenWeatherMap

A próxima aba é ‘Opções de Estilo’, que permite alterar a cor de fundo e a cor do texto no WordPress.

Você também pode adicionar uma borda colorida ou alterar o raio para criar cantos arredondados.

A Aba Opções de Estilo

Quando estiver satisfeito com as opções de personalização da previsão do tempo, basta clicar no botão ‘Publicar’.

Depois disso, copie o shortcode que o plugin de previsão do tempo cria automaticamente.

Adicionando uma previsão do tempo ao WordPress usando shortcode

Etapa 3: Exiba a previsão do tempo em seu site WordPress

Agora você pode adicionar o shortcode a qualquer postagem ou página do WordPress ou até mesmo a uma área pronta para widgets. Por exemplo, você pode adicionar o shortcode a uma barra lateral para que o widget de previsão do tempo apareça em todo o seu site.

Para instruções passo a passo sobre como inserir o shortcode, consulte nosso guia sobre como adicionar um shortcode no WordPress e como adicionar e usar widgets do WordPress.

Se você estiver usando um tema do WordPress habilitado para blocos, poderá adicionar a previsão do tempo a qualquer área do seu site usando o editor de site completo. Isso inclui áreas que você não pode editar usando o editor de conteúdo padrão do WordPress.

Por exemplo, você pode usar uma previsão do tempo para melhorar o modelo da sua página 404.

Você pode aprender mais sobre o editor de site completo em nosso guia completo para iniciantes sobre edição de site completo no WordPress.

Depois disso, você pode visitar seu site para ver o widget de clima do WordPress em ação.

Pré-visualizar a Previsão do Tempo

Dicas de especialistas para aprimorar seu site WordPress

Além de adicionar uma previsão do tempo, existem muitas maneiras de tornar seu site WordPress mais envolvente e informativo para seus visitantes. Aqui estão algumas ideias:

Esperamos que este tutorial tenha ajudado você a aprender como exibir uma previsão do tempo em seu site WordPress. Você também pode conferir nossas escolhas especializadas dos melhores plugins do Google Maps para WordPress e nosso guia sobre como adicionar um widget de player de música de áudio no WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

8 CommentsLeave a Reply

  1. Que tutorial fantástico! Adicionar uma previsão do tempo a um site WordPress usando o plugin Location Weather parece muito fácil, graças às instruções claras fornecidas. Tenho curiosidade, no entanto, o plugin oferece alguma opção de personalização para o design do próprio widget de clima, como estilos de fonte ou tamanhos de ícone?

    Obrigado por compartilhar esta informação valiosa. Definitivamente vai elevar a experiência do usuário no meu site!

  2. Olá, obrigado pela documentação, Mas, e se eu quiser criar um site focado apenas em "mostrar a previsão do tempo"
    Posso colocar monetização do AdSense no meu site de previsão do tempo?

    • Você precisaria criar uma postagem ou um tipo de postagem personalizada para as diferentes páginas e, se o seu site for aprovado para o Adsense, você poderá usá-lo no seu site.

      Admin

  3. O OpenWeatherMap funciona melhor em alguns países do que em outros. Tentei usá-lo para alertas de tempestade, mas o mais próximo que chegou na minha área (leste do Canadá) foi "chuva forte", então acabei usando os applets do aplicativo do Environment Canada’s Weather Office.

  4. Este artigo é muito informativo. Estou trabalhando em um blog para um cliente cujos clientes estão muito cientes do clima. Com certeza adicionarei o clima à barra lateral. Isso adicionará informações valiosas ao blog.

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.