Posted on

Erro http 500: Como corrigir o erro interno no servidor

Conhecido como 500 Internal Server Error, o Erro 500 é um dos erros de status HTTP mais comuns. Ele aparece quando um servidor de hospedagem está com arquivos corrompidos. Hoje você vai aprender a como corrigir esse problema no WordPress.

O Que é Erro 500?

O Erro 500 é um status de erro HTTP de Servidor Interno (Internal Server Error). Ele indica que algum tipo de problema está afetando o desempenho do servidor em que o site que você está acessando está hospedado.

Isso também pode acontecer com o seu próprio site, inclusive. Se o servidor em que seu site está hospedado está sobrecarregado ou se alguma configuração estiver incorreta, é possível que o Erro 500 aconteça.

Quando aparece, o Erro 500 mostra uma mensagem do tipo Erro 500 – Internal Servidor Error. Essa mensagem pode vir também em português, algo como Erro 500 – Erro Interno do Servidor.

Independente do caso, a ideia é sempre a mesma. O servidor não está dando conta do recado e a página que você quer visitar está com acesso negado naquele momento.

Motivos do Erro 500 Acontecer

O Erro 500 aparece na tela do usuário quando existe algum tipo de incompatibilidade em um site. Esses conflitos podem ser bem específicos. Por exemplo, pode ser problema de configuração, arquivos corrompidos ou instalação de plugins desatualizados.

Se o Erro 500 está afetando o seu site, a melhor forma de saber qual a origem do Erro 500 é conseguir identificar qual tarefa realizou mais recentemente nele. Mas, se você não se lembra ou não tem muita certeza do que alterou no seu site recentemente, não se preocupe.

Abaixo, vamos mostrar alguns dos motivos do porquê o Erro 500 pode estar acontecendo no seu site.

Permissões indevidas em grupo de usuário. Seu site pode acusar algum erro de permissão de acesso dos usuários a arquivos, documentos e pastas. Por padrão, as permissões de pastas e arquivos executáveis devem estar configuradas para 0755. Outros elementos, como mídia, imagens e arquivos em texto HTML devem estar configuradas para 0644.

Arquivo com configuração incorreta. Por conta de alguma configuração incorreta, um arquivo, pasta ou documento esteja corrompido no seu site. Um exemplo de arquivos de configuração que podem estar com conflitos são .htacess, php.ini ou o web.config.

Alto consumo do servidor. Se seu site estiver recebendo cada vez mais visitantes, pode ser que os recursos do servidor não sejam suficientes para atender a demanda de acessos. Como você quer que seu projeto continue crescendo na internet, fique atento às estatísticas que aparecem no seu painel de controle.

Incompatibilidade com temas e plugins. Se o tema (o template do design) e os plugins (funcionalidades extras) que o seu site tem instalado estiverem desatualizados, o erro 500 pode aparecer por problemas de incompatibilidade. O mesmo pode acontecer caso estejam desatualizados ou tenham erros de programação.

Versão desatualizada do PHP. O PHP é a linguagem de programação usada para executar grande parte dos sites na internet. Se o seu site, incluindo se ele for WordPress, não seja compatível com a versão do PHP instalada, o Erro 500 surge neste momento.

Como Corrigir o Erro 500 no WordPress?

Aprender a como corrigir o Erro 500 no seu site significa que você vai evitar que ele fique indisponível para seus visitantes. Como sabemos que você não quer isso, abaixo estão algumas soluções que você pode usar para resolver o Erro 500.

Verificar o Arquivo .htaccess

O arquivo .htaccess é um arquivo de configuração geral do seu site. E as configurações de servidor interno fazem parte dele. Se algo estiver incorreto nessas configurações, o Erro 500 de servidor interno do seu site com certeza vai aparecer.

Para resolver o Erro 500 verificando o arquivo .htaccess, siga os passos abaixo.

No seu painel de hospedagem da Hostcel no cPanel, clique na opção Gerenciador de Arquivos dentro da seção Arquivos.

Clique em Configurações, no topo do lado direito da página. Mostrar Arquivos Ocultos e clique em Salvar para fazer o arquivo .htaccess aparecer.

Localize o arquivo .htaccess e o desabilite. Você pode fazer isso dando um novo nome para ele. No exemplo abaixo, vamos usar .htaccess-bkp. Para salvar, clique no botão Rename.

Crie um novo arquivo .htaccess e coloque nele o código padrão do seu site. No modelo abaixo, estamos usando com um site WordPress.

# BEGIN WordPress

  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.php$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.php [L]

# END WordPress

Salve o novo arquivo .htaccess com o código adicionado. Abra o navegador, recarregue seu site WordPress e verifique se o erro 500 foi solucionado. Caso não, temos outras 3 tarefas que você pode fazer.

Aumentar o Limite do PHP

Quando você começa um site, postar conteúdos, instalar plugins e temas, é comum que os recursos do seu serviço de hospedagem sejam consumidos aos poucos.

Chega uma hora em que esses mesmos recursos não dão mais conta do recado, fazendo com que o seu site tenha problemas de desempenho.

O mesmo acontece com o PHP, o script de programação que sustenta o funcionamento do seu site. Caso o poder de processamento e a memória estejam em uso demasiado, o Erro 500 aparece e compromete todo o sistema.

Para resolver o Erro 500 pelo aumento do limite do PHP

Contate sua provedora de hospedagem. Peça para a empresa que fornece o serviço a você para que aumente o limite do consumo de dados pelo PHP. Essa medida pode trazer algum custo extra a você, pois o limite que você tem atualmente depende do plano contratado.

Use outras versões do PHP. Pelo cPanel da sua hospedagem, na seção Software -> Gerenciador de MultiPHP, você pode testar outras versões do PHP.

Teste quantas quiser e troque livremente, salvando todas as ações para ver se o Erro 500 foi embora. Se algumas das seleções que você fizer der certo, altere a versão do PHP para a que estava sendo usada anteriormente.

Alterar as Permissões de Acesso

As permissões funcionam como uma espécie de privilégio a um grupo de usuários para acessar certas pastas ou arquivos do serviço de hospedagem.

Com essas permissões, você consegue definir que usuários de certos níveis possam editar arquivos, apenas visualizar ou realizar tarefas de escrita.

Para corrigir o Erro 500 alterando as permissões de acesso a uma pasta ou arquivo no painel de controle da hospedagem Hostcel.

Encontre a seção Arquivos > Gerenciador de Arquivos. Clique nela.

Clique com o botão direito do mouse sobre a pasta que quer alterar as permissões e selecione Change Permissions (Alterar Permissões).

Escolha para qual tipo de usuário, entre Usuário (Dono), Grupo e Mundo, pode Leitura, Gravar ou Executar qualquer ação na hospedagem.

Ao final, clique em no botão Change Permissions para salvar as alterações.

Se estiver usando uma hospedagem com o painel de controle cPanel, siga os passos abaixo para conseguir corrigir o Erro 500 alterando permissões de acesso.

Encontre a seção Arquivos -> Gerenciador de Arquivos.

Selecione a pasta ou arquivo que quer alterar a permissão e clique em Permissões no topo da página.

Defina os modos de permissão Leitura, Gravar ou Executar e os tipos de usuários (Usuário, Grupo ou Mundo) que podem acessar a pasta ou arquivo que você escolheu. Depois, clique em Change Permissions para salvar a alteração.

Se quiser encurtar o caminho, você também pode alterar a própria numeração da permissão. É só clicar no número mostrado e editar como você quiser. Salve a mudança.

Desativar ou Remover Temas e Plugins

Temas e plugins desatualizados ou mal configurados podem ocasionar o Erro 500 no seu site. No caso da plataforma WordPress, você pode desinstalar ou mesmo remover temas e plugins de uma forma bem simples.

Para remover ou desinstalar um tema do WordPress, siga os passos abaixo.

Acesse o painel de controle do seu site WordPress.

Localize e clique na aba Aparência > Temas, à esquerda.

Você será levado a uma página com os temas disponíveis para o seu site. No tema que estiver ativo no momento, arraste o mouse sobre ele e clique em Informações do Tema.

Na sequência, troque de aba escolhendo a flechinha e clique no botão vermelho Excluir, na direita inferior.

Para desinstalar ou desativar um plugin no WordPress, siga os passos a seguir.

No painel de controle do WordPress, encontre e seção Plugins > Plugins Instalados.

Selecione o plugin instalado que pode estar comprometendo o desempenho do seu site WordPress. No campo Ações em Massa, escolha Desativar ou Excluir.

Restaurar um Backup Anterior do Seu Site

O processo de restaurar um backup faz com que o seu site volte a uma versão anterior dele, possivelmente antes do Erro 500 aparecer. A restauração do seu site a um ponto anterior vai apagar os arquivos mais recentes do dele.

Existem duas formas que você pode usar para fazer um backup do seu site.

São elas:

A Hostcel faz backup de todas as contas aos sábados durante a madrugada, você pode solicitar uma restauração totalmente grátis sempre que precisar, para isso acesse a Central e abra um Chamado.

Pela sua conta na Central em cPanel, dentro da seção Arquivos > Backup.

Mais detalhes de como seguir com o processo de backup e restauração do seu site, acesse o conteúdo completo de Como fazer um backup pelo cPanel.

E, caso tenha um site feito com o WordPress, também podemos ajudar você. Acesse o guia de Como fazer um backup do WordPress e siga as instruções para corrigir o Erro 500 de uma vez por todas.

Conclusão: Também chamado de Erro 500 HTTP ou Erro HTTP 500, o Erro 500 é um dos mais comuns que você pode encontrar enquanto navega pela internet. Até mesmo o seu site pode apresentar esse problema com o tempo. Ainda bem que você já aprendeu o que ele é e a como resolver tudo!

Posted on

Como estacionar um domínio no cPanel

Domínios estacionados são usados para apontar um novo nome de domínio para um novo domínio.

Por exemplo, se nós temos um site chamado exemplo.com e queremos que o site exemplo.net também mostre o mesmo conteúdo que o .com possui, nós vamos configurar o exemplo.com como um domínio reservado, ou seja, estacionar o domínio.

Este tutorial vai te ensinar a como estacionar um domínio no cPanel.

Como estacionar um domínio no cPanel – O que você vai precisar

Antes de começar este guia, você vai precisar ter acesso ao cPanel e um nome de domínio.

Passo 1 – Localizando o botão Aliases

Logue na sua conta do cPanel e vá na seção de domínios e clique no botão Aliases, como mostra a imagem abaixo:

Passo 2 – Criando um novo Alias

Coloque o domínio que você quer na opção Criar um novo Alias. Depois, clique em adicionar domínio.

Lembre-se que pode demorar até 24 horas para que domínios estacionados sejam exibidos na internet, por causa da propagação do DNS.

O domínio também precisa estar registrado e apontando para os servers da sua hospedagem antes que você possa gerenciá-los no cPanel.

Você pode obter instruções de como fazer isso com a empresa de hospedagem que você registrou seu nome de domínio.

Conclusão: Parabéns, você terminou o tutorial e agora já sabe como estacionar um domínio no cPanel. O seu novo nome de domínio estacionado vai exibir a raiz do documento do seu domínio principal (public_html).

Posted on

Forçar a utilização de SSL (https) via .htaccess

Utilize o arquivo .htaccess para forçar a utilização de https (protocolo de segurança para páginas web).

Não force o uso de https se seu site não possuir Certificado SSL. Em todos os nossos planos tem Certificado SSL gratuito e automático.

Forçar a utilização de HTTPS

Abaixo há um exemplo da regra que você precisa colocar no seu arquivo .htaccess.

Substitui o termo seusite.com para o endereço do seu site.

# CONFIGURAR UTILIZAÇÃO DO HTTPS
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://seusite.com/$1 [R,L]

Entendendo cada linha da regra

  • Linha 1: É apenas um comentário, um título para a regra (não é um campo necessário);
  • Linha 2: Habilita a regra de regravação de URL;
  • Linha 3: Condiciona que todo acesso vindo da porta 80 será afetado pela regra;
  • Linha 4: Definição da regra, neste caso, sempre utilizar o https:// mesmo quando acessado por http.

Você utiliza Varnish?

Então o ideal é utilizar a seguinte regra:

RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://seusite.com/$1 [R,L]

Substitua o termo seusite.com pelo endereço do seu site.

Posted on

Mudar a cor do browser (statusbar) de acordo com seu site no celular

Quer aprender a mudar a cor da Statusbar? Hoje trago uma dica incrível de como aumentar mais a identificação do seu site no celular.

Quando é definida a identidade visual do nosso site, queremos que sempre tenha uma harmonia em tudo, seja nos posicionamentos ou nas cores.

E se pudéssemos transferir um pouco disso para o navegador aumentando mais a identificação da cor do nosso site?

Sim, isso é possível de ser realizado nos navegadores de celulares através de meta tags específicas.

A partir da versão 39 do Chrome para o Android Lollipop, é possível você mudar a cor do browser, alterando a cor da barra de navegação. Isso também é possível no Safari / iOS e Windows Phone também, sei lá se ele volta!

Cada navegador tem sua forma de implementação. Veja abaixo as meta tags a serem utilizadas.

Chrome no Android

<meta name="theme-color" content="#75b529">

Safari no iOS

<meta name="apple-mobile-web-app-status-bar-style" content="#75b529">

Windows Phone

<meta name="msapplication-navbutton-color" content="#75b529">

Veja o exemplo abaixo.

De fato, esta personalização pode trazer mais identidade do seu site e de sua marca, oferecendo aos seus usuários um aspecto totalmente personalizado. Espero que tenham gostado. Um abraço e até a próxima.

Posted on

Como Instalar Cloudflare em seu Site WordPress

Cloudflare é uma empresa que oferece rede de fornecimento de conteúdo (CDN), DNS, proteção DDoS e serviços de segurança. Ela se tornou conhecida na indústria de desempenho na web graças aos seus baixos tempos de pesquisa de DNS e por possuir uma rede robusta com mais de 100 data centers diferentes ao redor do mundo. A empresa tem o apoio de alguns dos grandes nomes da indústria, como Google, Microsoft e Qualcomm. Alguns de seus clientes incluem Nasdaq, Digital Ocean, Zendesk e Cisco.

Se você procura por uma forma fácil de acelerar e melhorar a segurança em seu site WordPress, Cloudflare é uma ótima solução. A maioria dos clientes pode até mesmo utilizar o plano gratuito, que oferece largura de banda CDN ilimitada. Siga os passos abaixo sobre como instalar Cloudflare em seu site WordPress. Ele funciona bem com a Hostcel e recomendamos sua utilização para muitos clientes nossos.

Instalar Cloudflare

Este tutorial assume que você já possui uma conta Cloudflare. Se ainda não tiver uma, visite o site do Cloudflare e cadastre-se para obter uma conta gratuita.

Passo 1

Entre no painel Cloudflare e clique em “+ Add site”. Insira o domínio do seu site WordPress e clique em “Iniciar Verificação”. (Você não precisa adicionar www ou HTTP/HTTPS, basta digitar o domínio raiz).

O processo deve levar um ou dois minutos. Em seguida, clique em “Continuar Instalação”.

Passo 2

Na próxima página, você precisará selecionar um plano Cloudflare. Recomendamos que comece com um plano gratuito, que é suficiente para a maioria dos usuários. Em seguida, clique em “Confirm plan”. Você pode ler mais sobre as diferenças dos planos Cloudflare.

Passo 3

Cloudflare oferece duas opções. Você pode usar a CDN e a proteção da empresa (que aceleram e protegem seus sites) ou utilizar apenas seu DNS. A maioria dos clientes prefere a primeira opção, pois se beneficiam de tudo que Cloudflare tem a oferecer. Para garantir que os domínios sejam habilitados, certifique-se de que a nuvem apareça na cor laranja. Se você tiver registros adicionais como e-mails (registros MX), eles devem estar fora do Cloudflare (nuvem cinza). Clique em “Continue” após ter verificado todos os detalhes. Você poderá alterar esses registros mais tarde.

Passo 4

Você precisará alterar os nameservers em seu domínio para que apontem para o Cloudflare (utilize aqueles que forem fornecidos). Como Cloudflare é um serviço de proxy completo, seu domínio será basicamente apontado para o Cloudflare, que em seguida o apontará para a Hostcel. Não há tempo de inatividade quando você altera seus nameservers.

Em seguida, clique em “Done, check nameservers”.

Esse procedimento não deve levar muito tempo, mas espere até 24 horas para que as alterações sejam processadas.

E é isso! Seu site WordPress agora tem o Cloudflare instalado.

Instalar Cloudflare com Plugin no WordPress

Há um passo adicional para usuários WordPress que nós recomendamos. Não é obrigatório, mas certos recursos com Cloudflare podem não funcionar adequadamente se você não instalar-lo.

Você pode fazer o download no repositório WordPress ou pesquisar por ele no seu painel WordPress, na opção “Adicionar Novo” na aba de plugins. Ele possui os seguintes recursos:

  • Correção para comentários no WordPress que aparecem com o mesmo endereço IP
  • Limpeza automática de cache
  • Reescrever cabeçalho para prevenir um loop de redirecionamento quando o SSL Universal do Cloudflare estiver habilitado
  • Capacidade de alterar configurações na conta Cloudflare através do próprio plugin (limpeza de cache, nível de segurança, otimização de imagem, etc.)
  • Visualizar informações analíticas, como total de visitantes, largura de banda economizada e ameaças bloqueadas
  • Suporte para HTTP2/Server Push

Após instalar o plugin, você precisará inserir seu endereço de e-mail Cloudflare e a chave API nas configurações. Você pode obter sua chave API aqui. Copie a chave que estiver definida como “Chave Global API”. Em seguida, clique em “Salvar Credenciais API”.

Na aba “Home” você pode aplicar as configurações padrão ou fazer alterações de acordo com suas preferências.

Na aba de “Configurações”, você pode habilitar a otimização de imagens (se possuir o plano Pro), ativar o modo para desenvolvedor, alterar o nível de segurança e habilitar reescritas automáticas de HTTPS.

Na aba “Analytics”, você pode visualizar o número de solicitações, largura de banda, visitantes e ameaças em seu site WordPress.

Problemas Comuns com Cloudflare

Um erro muito comum que os usuários encontram quando tentam instalar o Cloudflare eu seu site WordPress é o “ERR_TOO_MANY_REDIRECTS” no Google Chrome ou “A página não está redirecionando corretamente” no Mozilla Firefox.

Isso ocorre por já ter um SSL configurado em seu servidor web e ter a opção de Flexible SSL habilitada com Cloudflare. Se você já possui um certificado SSL junto à sua hospedagem (Hostcel), deverá alterar o modo SSL para completo.

Outra forma é criar uma regra de página para corrigir esse problema.

Como Limpar o Cache do Cloudflare

Tendo problemas? Haverá momentos em que você precisará limpar o cache do Cloudflare. Existem 2 maneiras fáceis de fazer isso.

Opção 1 – Limpar o Cache do Cloudflare no WordPress Plugin

Se você tiver o plugin Cloudflare WordPress instalado, poderá limpar o cache em “Configurações → Cloudflare”.

Opção 2 – Limpar o Cache do Cloudflare no Painel de Controle

Sua outra opção é limpar o cache do Cloudflare em seu painel de controle. Para fazer isso, clique na guia “Caching” e em seguida, “Purge Everything”.

Depois de ter tudo instalado e funcionando sem problemas, é sempre bom limpar o cache de arquivos individuais. O Cloudflare fornece uma maneira fácil de fazer isso.

Observação: Se você limpar tudo, poderá prejudicar temporariamente o desempenho em seu website, pois os recursos precisam ser recarregados novamente. No entanto, às vezes isso é inevitável, especialmente se você não tiver certeza de qual script ou recurso do seu site precisa ser atualizado.

Configurações Adicionais para Cloudflare

Agora que você já sabe como instalar Cloudflare, recomendamos verificar a documentação de primeiros passos da empresa, assim como o guia de sugestões para WordPress.

Se você gostou deste tutorial, então você vai adorar o nosso suporte. Todos os planos de hospedagem da Hostcel incluem suporte 24/7 de nossos veteranos desenvolvedores de WordPress. Confira nossos planos!

Posted on

Como adicionar o Google Maps no WordPress

Uma das principais funções que um site de negócios pode ter é uma forma de fazer com que os consumidores em potencial encontrem você rapidamente.

Se o seu negócio tem um local físico, você precisa dar aos seus visitantes todas as informações necessárias para chegar lá. Na maioria das vezes, mostrar um mapa exato com a localização é muito melhor do que apenas escrever o endereço no seu site.

Felizmente, o WordPress permite que você adicione um mapa para chegar ao seu negócio usando vários métodos diferentes. Neste artigo, você vai aprender como colocar Google Maps no WordPress usando 3 maneiras. São elas:

  • Usando um plugin do Google Maps para WordPress.
  • Incorporando o Google Maps no seu site por código HTML
  • Usando seu tema WordPress

O conteúdo abaixo será um pouco extenso. Mas não se preocupe. Ao final, você terá em mãos conhecimento o bastante para saber como colocar Google Maps no WordPress sem passar muito trabalho. E, com isso, fazer com seus visitantes cheguem ao seu negócio físico usando um mapa, algo bem mais preciso e funcional.

Por que você deve considerar inserir Google Maps no WordPress

Uma coisa fácil de concordar é que adicionar um mapa no seu site é muito melhor do que simplesmente só colocar o endereço escrito do seu negócio nele. Com um mapa, as pessoas podem ter uma rápida noção de que rua você está, qual está mais perto e como encontrar você.

Decidir qual tipo de mapa colocar já é algo um pouco mais desafiante. Algumas pessoas gostam de colocar capturas de tela de fontes online. Entretanto, essa é uma alternativa não muito boa quando você tem opções como o Google Maps disponíveis para usar. E de graça.

Abaixo listamos algumas maneiras de como colocar Google Maps no WordPress pode melhorar o seu site.

  • Eles são interativos, permitindo que seus visitantes mexam no mapa até que tenham uma boa noção da onde você se localiza.
  • Você pode usar o Google Maps para destacar qualquer local que quiser, ou mesmo vários lugares.
  • Os visitantes podem acessar entre os visores de mapa e de rua em tempo real, o que permite que eles vejam como o seu negócio físico se parece e o que existe ao redor dele.Tudo sem sair de casa, se preferirem.
  • Os usuários podem enviar os mapas aos seus celulares rapidamente, podendo receber instruções de como chegar ao seu negócio pelos caminhos mais indicados.

Existe, é claro, outras opções de mapas online interativos além do Google Maps. Entretanto, o Google tem a grande vantagem de já ter um nome de peso no mercado.

Então, pode ser que muitas das pessoas que visitem seu site já estejam familiarizadas como o Google Maps funciona. Assim, elas vão confiar no aplicativo e também na localização física do seu negócio.

A má notícia disso tudo é que o WordPress não possui nenhuma ferramenta embarcada para inserir o Google Maps no WordPress. Mas fique tranquilo: isso é totalmente contornável usando plugins, temas e até mesmo a própria ferramenta de funcionalidade do Google Maps.

Como colocar Google Maps no WordPress (3 Métodos)

Até aqui, é possível que você já esteja convencido de que vale a pena tentar inserir Google Maps no WordPress.

A seguir, listamos 3 métodos que você pode usar para, enfim, aprender a como colocar Google Maps no WordPress.

Esses métodos são: usando plugins, adicionando manualmente e configurando opções em temas para conseguir chegar ao objetivo.

Todos eles funcionam exatamente como foram planejados. Basta seguir as instruções corretamente. Se preferir, escolha aquela que acredita ser mais tranquila de ser executada.

1. Instalar plugin Google Maps WordPress

O Google Maps é uma função tão popular nos sites que não é nenhuma surpresa que existam muitos plugins do Google Maps para WordPress disponíveis.

Por exemplo, com o WP Google Maps, você pode adicionar mapas em páginas usando linhas de código. Esse plugin também oferece opções para personalizar seus marcadores e temas específicos para seus próprios mapas

Na nossa opinião, o WP Google Maps é uma das melhores opções para você completar a ação de como colocar Google Maps no WordPress. Ele ainda é compatível com vários plugins de cache e Redes de Distribuição de Conteúdo (CDN).

Porém, existem muitos outros plugins que você pode usar. Entre eles o WD Google Maps, que é uma sólida alternativa e suporta múltiplos marcadores, mapas móveis amigáveis e outras opções de personalização.

Quando você adiciona um mapa usando o WD Google Maps, o próprio plugin guia você pelo processo usando um construtor interativo. Assim, além de aprender a fazer toda a configuração, você acompanha tudo em opções de pré-visualização.

Por fim, temos o Google Maps Widget, que também é um dos melhores plugins do Google Maps para WordPress. Esse plugin em particular, inclusive, é bem fácil de configurar. Ele permite que você adicione mapas em miniaturas à barra lateral ou no rodapé do seu site WordPress.

Essa também é uma ótima ferramenta se, por exemplo, você também estiver com problemas de espaço no seu site. Não com espaço de armazenamento, mas com espaço de posicionamento de objetos no visual do seu blog.

Como o Google Maps Widget pode ser encaixado em praticamente qualquer lugar que você queira, basta escolher o melhor posicionamento e pronto.

Entretanto, para sites de negócios, estamos mais inclinados a colocar mapas em tamanhos maiores, pois eles já são mais complicados de navegar. Ainda assim, vamos ver agora como colocar Google Maps no WordPress usando o plugin WP Google Maps.

Primeiro de tudo, navegue até o painel de controle do seu site WordPress. De lá, vá para a seção Plugins >> Adicionar Novo. Use o campo de busca e procure pelo plugin WP Google Maps. Quando você encontrá-lo, clique em Instalar Agora e, em seguida, Ativar.

Após a ativação, uma nova aba chamada Maps vai aparecer no seu painel de controle. Se você clicar, você vai acessar a uma tela inicial de informações gerais sobre o plugin. Você não precisa fazer nada em específico aqui. Apenas clique no botão azul Skip Intro and Create a Map para ir para a próxima tela.

Na nova tela, você vai ver que o plugin vai informar você que ele precisa de um Google API Google. Vá em frente e consiga a sua clicando no link Create an API Key Now.

O Google vai perguntar se você concorda com as condições e termos de uso antes de fornecer uma API Key. Quando concordar, o Google vai configurar um novo projeto e você poderá gerar uma API Key logo em seguida.

Na imagem acima, estamos borrando a nossa API Key. Você nunca deve compartilhar essa chave com outras pessoas. Afinal, ela está associada com a sua conta e você não quer que os outros abusem dela, não é mesmo?

De qualquer forma, a sua API Key será uma combinação de várias letras e números. Assim que a tiver, volte para o seu painel de controle e cole a API Key no campo indicado. Em seguida, clique em SAVE.

Você verá uma mensagem de confirmação. Além disso, já poderá começar a trabalhar no seu primeiro mapa. Clique em Editar no título My First Map.

Em seguida, o plugin vai perguntar a você qual plataforma deve sustentar o seu mapa. Escolha a opção Google Maps. Depois, clique em Select Engine.

Na nova tela, a primeira coisa que você precisa fazer é definir um nome para o seu mapa. Depois, especifique a sua largura e altura. A largura padrão de 100% vai automaticamente criar um mapa que se adaptar à resolução do seu site. Então ela é geralmente a melhor opção.

Você também poderá modificar o nível de zoom inicial que você que seu mapa mostre. Além de também poder decidir qual o tipo de layout de mapa que ele vai ser apresentado aos seus visitantes.

Por exemplo, você pode usar o tipo Roteiro ou o tipo Terreno. Na maioria das vezes, a primeira opção é a melhor e a mais útil para seus leitores. Ela mostra exatamente o caminho que eles precisam seguir para chegar ao seu destino.

Agora, deslize a tela para baixo e alcance a seção Marcadores. Aqui, você pode especificar a local exato que você quer que o seu mapa mostre. É só digitar o endereço ou fornecer coordenadas no GPS próprio dele. Você também pode mover o mapa e clicar com o botão direito do mouse em qualquer lugar que deseja marcar.

Abaixo do campo de Endereço/GPS, existe um outro campo em que você pode inserir tipos de Animaçãopara o seu mapa. Por exemplo, você pode adicionar uma leve animação de balanço ao seu marcador no mapa quando ele for carregado.

Você também pode definir que o Google Maps posicione uma janela de informação (pop-up) próximo ao seu marcador, mostrando o endereço completo escrito do seu negócio físico.

Quando estiver com tudo pronto, clique em Salvar Marcador e página vai recarregar. Então, clique no botão azul Salvar Mapa no meio da tela. O plugin vai salvar todas as mudanças feitas.

Você pode embarcar o mapa criado com o plugin Google Maps WordPress copiando e colocando o código HTML em qualquer lugar do seu site. Você acha esse código (shortcode) dentro da aba Mapas do seu painel de controle, à direita da tela. Use a foto abaixo como referência.

E é isso! Você acabou de aprender a como colocar Google Maps no WordPress usando um plugin. Agora, você pode fazer com que seus visitantes ou clientes cheguem até o seu negócio ou loja física muito mais facilmente.

2. Usar o recurso de incorporar o Google Maps no WordPress

Você não precisa usar exatamente um plugin específico para saber como colocar Google Maps no WordPress. Inclusive, se você não quiser usar nenhum plugin, você pode usar um caminho manual para conseguir fazer isso.

Existem uma série de funcionalidades embarcadas que você pode usar para inserir Google Maps no WordPress. Porém, uma abordagem bem mais rápida é usar um serviço que permite gerar códigos incorporados para o Google Maps em tempo real.

O Embed Google Map é um exemplo perfeito disso. Ele permite que você procure por endereços usando a interface padrão do Google Maps, além de ajustar o tamanho e nível de zoom dos mapas que você quer usar.

Assim que configurar as opções de acordo com as suas preferências, clique no botão verde Get HTML-Code. O programa vai gerar um código HTML que você precisará adicionar ao seu site.

Copie e cole o código HTML mostrado. Volte ao painel de controle do seu site WordPress. Abre o editor de qualquer página (Páginas >> Adicionar Nova) em que você queira adicionar o mapa do Google Maps.

Selecione a aba Texto, que suporta códigos em HTML. Cole o código em qualquer lugar dela.

Então, salve suas mudanças e dê uma olhada na nova página que você acabou de criar.

Legal, né? O ponto fraco dessa abordagem é que você vai precisar gerar novos códigos HTML cada vez que quiser adicionar um mapa a uma nova página. Por outro lado, quando adicionar Google Maps ao WordPress usando HTML, você poderá vê-lo também dentro da aba Visual do editor.

Isso permite que você continue trabalhando nas suas páginas sem ter que fazer tudo dentro da aba Textos, que é bem direcionada para códigos.

Esta ferramenta Embed Google Maps é sensacional para saber como colocar Google Maps no WordPress. Abuse dela caso não queira mexer em plugins e nem trabalhar com temas pagos.

3. Adicionar mapas pelo seu tema WordPress

Uma terceira maneira de saber como colocar Google Maps no WordPress é pelo próprio tema que você usa no WordPress. Alguns deles vêm, inclusive, com essa funcionalidade embutida, o que facilita o processo de inserção de mapas no seu site.

Contudo, a grande questão é achar um tema que tenha suporte a essa funcionalidade. Isso exige um pouquinho de esforço. Na maioria das vezes, apenas temas pagos é que têm essa opção. Mas, se chegar a comprar um tema pago, é provável que não esteja fazendo isso apenas pela função de ter Google Maps no seu site.

Sendo assim, se você não tem ideia de onde procurar, temas WordPress para múltiplos propósitos devem ser sua primeira opção de busca. Esses tipos de temas têm muitas funções ao mesmo tempo, então você pode usá-los para construir qualquer tipo de site.

Um dos temas pagos mais populares que você pode encontrar e que tem essa compatibilidade com o Google Maps é o Divi. Esse tema oferece uma variedade de vantagens, incluindo um construtor visual próprio de páginas.

Quando for criar páginas com o Divi Builder, você pode dividi-las usando colunas e linhas. Então, você pode criar e especificar módulos usando os espaços que aparecerem. Você vai poder personalizar cada campo com as funções que quiser adicionar ao seu site.

Como você pode perceber na imagem acima, um desses módulos se chama Map. Adivinha o que ele faz? Isso mesmo: mapas. É por aqui que você vai aprender como colocar Google Maps no WordPress usando seu tema pago.

Clicando na opção Mapa, você terá que adicionar um código da API Key do Google. Caso não tenha um, mostramos o processo de como conseguir um código no Passo 1 deste artigo.

Quando colar o referido código no campo solicitado, você poderá escolher onde quer posicionar o seu mapa e adicionar quantos marcadores quiser nele.

Outros exemplos de temas pagos que oferecem suporte ao Google Maps no WordPress são o Travelmatic, o Estato e o Reales WP. Essa é uma função muito popular em temas voltados a viagens e a assuntos imobiliários. Mas você consegue encontrar temas WordPress pagos para outros tipos de assuntos, se procurar bem.

Conclusão

Neste artigo, você viu a importância de aprender a como colocar Google Maps no WordPress. E, com ele, podemos concluir que não existe um jeito melhor do que compartilhar um endereço no seu site através de um mapa online interativo.

O Google Maps permite que qualquer um encontre a sua localização de onde quer que estejam, o que aumentam as chances deles visitarem o seu estabelecimento. Além disso, inserir Google Maps no WordPress é simples, pois existem várias formas de fazer isso.

Ficou com alguma dúvida ou quer se comunicar com a gente? Use a caixa de comentários abaixo para nos enviar uma mensagem. Temos muito interesse de saber o que você tem achado dos nossos conteúdos, produtos e serviços. Estamos esperando você!