Início WordPressGoogle maps no WordPress: Aprenda como inserir em seu site.

Google maps no WordPress: Aprenda como inserir em seu site.

por Blogi7Host
Publicado: Ultima atualização em 0 comentários

Veja como inserir um Google maps no WordPress, é muito fácil!

Ter um negócio na internet é fundamental para que pessoas de diferentes cidades e países encontrem os seus produtos/serviços de forma rápida. 

Se o seu negócio possui um local físico, você deve utilizar o seu site a seu favor, pois é através dele que diferentes pessoas encontrarão o seu negócio. Por isso, é essencial que o seu site possua uma forma de encontrar a sua empresa física, mas quando eu digo isso, não é apenas colocar o endereço da sua empresa, é colocar um mapa que forneça a localização exata da sua empresa.

Pensando nisso, neste post iremos te mostrar alguns métodos de como inserir um mapa do Google maps no WordPress.

Vamos lá? 

Qual é a importância do mapa em um site?

Hoje, ter um site é como ter um cartão de visita, nele os usuários podem tirar muitas informações importantes, e isso é um dos principais motivos para contar com um mapa dentro do seu site.

Imagine que você quer ir em um restaurante famoso, mas não sabe o endereço e nem como chegar até o restaurante. Então, você decide procurar o site do restaurante e nota que nele não possui nenhuma informação ou mapa para localizar o restaurante. Tenho certeza que isso te deixaria um pouco frustrado, não é mesmo? Pois é! Agora imagine o dono do site, com certeza ele perderá muitos clientes!

Mapas são importantes, mas antes saiba…

Antes de inserir um mapa em seu site, você deve ficar ciente de que o seu site pode enfrentar problemas de lentidão. Isso pode acontecer, pois um mapa é incorporado em páginas e isso acaba gerando mais processamentos e requisições.

Outro fator importante, é que os plugins de mapas do Google maps no WordPress podem gerar ainda mais lentidão aos sites. Então, não insira um mapa se não for necessário! 

Tipos de mapas para sites wordpress

O wordpress permite vários métodos de inserção de mapas no site. Neste artigo, você vai aprender duas maneiras. São elas:

  • Sem plugin: Incorporando o Google Maps no seu site por HTML
  • Com plugin: Através do plugin WP Go Maps 

Agora fique atento, pois iremos te explicar como executar essas duas maneiras de inserção de  mapa.

Inserindo um mapa através do código de incorporação

Se você quiser inserir apenas um mapa simples, sem muitas funcionalidades, você pode optar por adicionar o Google maps no WordPress sem um plugin, através do código de incorporação.

Veja como isso funciona…

1° Passo: Vá até o Google maps e pesquise pelo endereço do seu negócio > clique em compartilhar. Veja o exemplo:

Como inserir Google maps no WordPress

2° Passo: Vá até a opção de incorporar um mapa e copie o código HTML descrito.

Vale lembrar, que você pode selecionar o tamanho do mapa, sendo tamanho pequeno, médio, grande ou personalizado.Incorporação HTML de mapa

3°Passo: Após executar os passos descritos acima, vá até o seu wordpress > encontre a opção aparências > clique em Widgets e escolha em qual Widgets você quer colocar o mapa, depois clique em +.

Adicionar HTML no Widgets

Feito isso, abrirá uma aba na lateral esquerda e você deve clicar em HTML personalizado.

Agora, basta inserir o código que você copiou no maps.

Inserção de mapa pelo Widgets

Pronto, agora clique no botão de atualizar e confira o mapa do Google maps no WordPress.

Plugin de Mapa para WordPress

Aqui no blog sempre falamos sobre os benefícios dos plugins e suas funcionalidades, a questão é que até mesmo para inserir um mapa existem plugins específicos para isso. Por esse motivo, mostraremos o melhor plugin e como ativá-lo em seu WP.

Lembrando que esse método de inserção é um pouco mais complicado.

WP Go Maps

Com o Plugin WP Google Maps, você pode inserir um mapa em seu site utilizando linhas de comando. Este plugin  oferece múltiplas funções para personalizar seus próprios mapas.

Para instalar e ativar esse plugin é simples, basta ir até o painel de controle do seu site WordPress. Depois, clique na opção Plugins > Adicionar Novo. Após isso, procure pelo plugin WP Google Maps no campo de busca. Quando você encontrar, clique em Instalar e, em seguida, ativar.

Plugin WP Google Maps- Google maps no WordPress

Após ativar o plugin, uma opção chamada Mapas vai aparecer na lateral do seu  painel de controle. Então, clique nela que você será redirecionado para a página principal do plugin. 

Ao entrar no plugin você deve clicar no botão chamado Skip Intro and Create a Map.

Configurações do plugin WP Google Maps para inserir o Google maps no WordPress

Agora você deve clicar em Create an API Key Now, e em seguida, o plugin irá perguntar se você concorda com os termos e condições, clique em concordar. Após concordar, o plugin irá criar um novo projeto.

Create an API Key Now

Com o projeto criado, você deve ter em mãos sua chave API Key. Para conseguir essa chave você deve entrar em sua conta do Google Cloud Platform.

Dentro do Google Cloud Platform, vá até API e serviços > Credenciais.

Google Cloud Platform

Logo em seguida, clique em criar credenciais > criar chave de API.

criar chave de API

Feito isso, sua chave será criada. Então, basta copiar e colar no campo de “Paste your API  key…” do plugin. 

Paste your API key do Google maps no WordPress

Seu mapa será criado, mas ainda teremos que fazer algumas configurações e ajustes.

Após a chave ser inserida, irá aparecer o mapa criado, cujo nome poderá ser mudado. 

Clique na opção Editar > Google Maps > Select Engine.

Editar mapa no site

Depois você deve fazer alguns ajustes relacionados a dimensão e tamanhos do mapa, em seguida, colocar seu endereço na opção de marcadores.

Feito isso, você será redirecionado para a página inicial e seu mapa estará como shortcode, que deve ser copiado e colado na página em que você deseja inseri-lo.

shortcode

Pronto! Após inserir em uma página de seu site, seu Google maps no WordPress estará funcionando perfeitamente.

Conclusão

Neste tutorial você aprendeu como inserir o Google Maps no WordPress. Então, agora é só colocar esses métodos em prática e usufruir dos benefícios que um mapa pode trazer ao seu negócio. 

Espero ter ajudado!

Caso haja dúvidas, entre em contato com a nossa equipe de profissionais. Estamos sempre disponíveis para te ajudar!

Aproveite e veja nosso tutorial sobre: Saiba como coletar mensagens enviadas para um endereço de e-mail inválido.

Posts Relacionados

Deixe um comentário

Este site usa cookies para melhorar sua experiência. Vamos supor que você esteja de acordo com isso, mas você pode optar por não participar, se desejar. Aceitar Ler mais