Ao criar o site da empresa, é essencial que a plataforma escolhida atenda a todas as necessidades digitais do negócio, o que faz muitas pessoas usarem o WordPress — um dos CMS mais completos do mercado. Mas uma dúvida ainda se perpetua na cabeça de alguns usuários: como colocar Google Maps no WordPress?

Se você também tem essa dificuldade, convidamos a continuar a leitura deste artigo até o fim. Falaremos sobre a importância de ter um mapa do Google no seu site e como fazer essa inserção de 3 maneiras diferentes. Segue abaixo o índice:

• Quais as dificuldades de colocar o Google Maps no WordPress?
• Por que considerar colocar o Google Maps no WordPress?
• Como colocar o Google Maps no WordPress?

Vamos lá?

Quais as dificuldades de colocar o Google Maps no WordPress?

Uma das vantagens de ter um site em WordPress é justamente a facilidade de criar páginas e posts, além de atribuir funcionalidades sem precisar ter conhecimentos de programação. 

Ou seja, o cenário em que o dono do negócio precisa recorrer ao programador para que ele faça a inserção de novos conteúdos (e até mesmo cobre pelo serviço) não existe no WordPress, pois é bem simples qualquer pessoa fazer isso (sobretudo após fazer o curso gratuito de WordPress na Prática da Rock University).

Porém, quando o assunto é colocar um mapa no site, a coisa não parece ser tão simples, começando pelo próprio gerenciador de conteúdos do WordPress.

Conforme é possível ver nessa imagem, entre as opções que o Gutenberg oferece, não existe uma dedicada a colocar mapas na sua publicação. Isso leva os usuários ao uso de “gambiarras”, como tirar um print do mapa no próprio Google Maps e colar a imagem no site, o que é uma prática não recomendada (explicaremos o porquê mais adiante).

Ao entrar no Google Maps, ele traz algumas opções de compartilhamento, o que gera um alívio àqueles que estão tentando colocar um mapa no site pela primeira vez. Mas esse alívio dura pouco, porque logo vem outra dificuldade. Observe a figura a seguir.

Ao clicar no botão de compartilhamento, o Google Maps mostra como primeira opção um link que leva a pessoa diretamente para o mapa, além de vias de compartilhamento nas redes sociais. Mas o objetivo aqui é inserir o mapa no site, certo? Colocar o link não é a intenção, e sim fazer com que o visitante veja o mapa cada vez que acessar sua página.

Isso faz com que alguns usuários cliquem na opção ao lado, que diz “Embed a map”, o que aumenta a complicação, pois o Google Maps te apresenta um código mais ou menos assim:

E agora? O que fazer com esse código para que o mapa seja exibido no seu site em WordPress? Veja a seguir.

Por que considerar colocar o Google Maps no WordPress?

Por mais que o site da sua empresa tenha o endereço escrito no rodapé, um mapa é bem mais útil e funcional. Primeiro porque nem todas as pessoas, ao acessarem o site, chegam ao rodapé e segundo porque um mapa é mais prático, sobretudo àqueles que acessam o site usando um celular.

Assim, colocar um mapa no site acaba se tornando conveniente aos seus visitantes. Por mais que vejamos algumas páginas que apresentem um print do próprio Google Maps, o ideal é que você tenha o próprio mapa embutido.

Afinal, os mapas permitem que os usuários interajam com ele, ponto que é fundamental neste momento em que conteúdos interativos ganham cada vez mais destaque.

Além disso, se seu negócio tiver mais de uma localidade que corresponda a filiais, franquias ou afins, você também pode apontá-los no Google Maps. 

Por fim, caso seus visitantes precisem enviar o mapa a outras pessoas ou compartilhá-lo em suas redes sociais, isso também é possível fazer a partir do Google Maps, que oferece essas ferramentas.

Existem outras opções para inserir mapas no WordPress além do Google Maps?

Sim, o WordPress conta com diversos plugins que permitem a inserção de mapas no seu site ou blog feito no CMS. 

Porém, é recomendável usar o Google Maps, e a razão disso é muito simples: ele é a maior referência em mapas na internet e traz a força de marca do Google.

Certamente, você quer passar segurança e credibilidade aos visitantes do seu site; logo, contar com as ferramentas do Google é uma das melhores formas de fazer isso.

Como colocar o Google Maps no WordPress?

Existem 3 formas de inserir o Google Maps no seu site em WordPress. Apresentamos todas a seguir e explicamos como funciona cada uma.

Adicione Google Maps usando um código embedado

Embedar significa pegar o código HTML e inserir no site para que seja exibida uma função específica. Nesse caso, trata-se do mapa do Google Maps. Vamos mostrar nas próximas linhas os passos de como fazer essa inserção no WordPress.

Passo 1: acesse o site do Google Maps — de preferência esteja logado com sua conta do Google.

Passo 2: insira, na barra localizada na parte superior esquerda, o endereço que você quer que apareça no mapa.

Passo 3: entre as opções que aparecem abaixo da foto, clique em “Share” para ter acesso às opções de compartilhamento.

Passo 4: como dissemos, é preciso embedar o código no site e, para que ele apareça, clique em “Embed a map”. 

Passo 5: a tela seguinte apresenta o código HTML e um preview do mapa tal como ele será exibido no site, clique em “Copy HTML” para copiar o código a ser embedado no site em WordPress.

Passo 6: em seguida, entre no seu WordPress e crie ou abra o editor do post ou a página em que o mapa deverá aparecer.

Passo 7: dentro do editor do WordPress, há duas opções para inserir o código embedado do Google Maps. Ensinaremos aqui ambas as formas.

Passo 8: a forma mais fácil consiste em clicar no botão de “+” e, nas opções que aparecem (veja imagem a seguir). Escolha “HTML personalizado” (se ele não aparecer entre as primeiras opções, clique em “Navegar por todos” para procurá-lo).

Passo 9: dentro do bloco de HTML, cole o código que você copiou do Google Maps, e o mapa será exibido no site.

Passo 10: antes de mostrar o resultado final, vamos ensinar como fazer a inserção do código de forma manual no editor do WordPress. O primeiro passo é clicar nos três pontinhos e, depois, em “Editor de código”.

Passo 11: dentro do editor de código, cole o código HTML onde quiser que o mapa seja inserido e, na sequência, clique em “Publicar”. 

Passo 12: pronto, o mapa do Google Maps aparecerá na página ou post do seu site.

Adicione o Google Maps no WordPress usando plugins

Como o Google Maps é uma ferramenta muito conhecida, é possível encontrar plugins do WordPress que dispõem dessa funcionalidade.

O WP Google Maps é um dos mais usados, pois permite que você coloque mapas a partir de linhas de código, além de trazer opções para customizá-los.

A seguir, aprenda os passos que devem ser seguidos para fazer a instalação e ativação desse plugin e a inserção do Google Maps no seu site.

Passo 1: dentro do seu painel do WordPress, vá em “Plugins” e clique em “Adicionar novo”.

Passo 2: na barra de busca, digite “WP Google Maps” e o plugin será o primeiro a ser exibido nos resultados; em seguida, clique em “Instalar agora”.

Passo 3: após fazer a instalação, vá em “Plugins instalados”, procure o WP Google Maps e clique em “Ativar”.

Passo 4: após fazer a ativação, você notará que uma opção chamada “Mapas” aparecerá no seu menu lateral: clique nela.

Passo 5: para criar seu primeiro mapa usando o plugin, clique no botão azul que diz “Skip intro and create a map”.