WordPress e Google Maps: Incorpore o Google Maps ao seu WordPress

In­cor­po­rar o Google Maps ao WordPress é simples: você pode fazê-lo por embed codeou com a ajuda de umplugin. Ambos os métodos são re­la­ti­va­mente fáceis e não exigem grande co­nhe­ci­mento técnico.

WordPress e Google Maps: In­cor­po­ra­ção manual ou por plugin

Você pode querer adicionar o Google Maps ao seu site WordPress por variados motivos. Por exemplo, para orientar possíveis clientes sobre a lo­ca­li­za­ção do seu negócio e sobre as rotas que devem tomar, caso você tenha o cadastro da sua empresa no Google Maps. In­cor­po­rar o Google Maps a um site WordPress é re­la­ti­va­mente simples, in­de­pen­den­te­mente do método escolhido. Realize uma in­cor­po­ra­ção manual, por embed code, ou utilize um plugin WordPress. Nenhuma solução é melhor do que a outra, por isso, escolha a que for mais con­for­tá­vel para você.

In­cor­po­rar Google Maps ao WordPress sem plugin

1. Configure o mapa
2. Copie o embed code
3. Cole o embed code no local desejado do seu site
4. Confira o resultado com o recurso de pré-vi­su­a­li­za­ção
5. Salve as al­te­ra­ções

O método mais fácil para vincular WordPress e Google Maps foi de­sen­vol­vido pelo próprio Google Maps.

Passo1: Abra o mapa que você deseja in­cor­po­rar. Ele pode ser tanto uma lo­ca­li­za­ção es­pe­cí­fica quanto a rota entre duas ou mais lo­ca­li­da­des.

Passo 2: Se o mapa estiver correto, clique nas três linhas ho­ri­zon­tais presentes no canto superior esquerdo da barra de pesquisa.

Passo 3: No menu que será aberto, selecione a opção “Com­par­ti­lhar ou in­cor­po­rar mapa”.

Passo 4: Uma janela pop-up se abrirá. Clique em “In­cor­po­rar um mapa” e, em seguida, selecione o tamanho de exibição do mapa. Feito isso, copie o embed code.

Passo 5: Clique em “Copiar HTML”.

Passo 6: Cole o código do Google Maps no seu site WordPress. Para isso, use o editor, inserindo o bloco do embed code.

Passo 7: Use o recurso de pré-vi­su­a­li­za­ção para verificar se o mapa está sendo cor­re­ta­mente pelo seu site. Ao final, salve as al­te­ra­ções.

Se estiver usando um site WordPress comercial, também é im­por­tante que você insira sua chave API no código. Aprenda a realizar o pro­ce­di­mento mais adiante, neste tutorial.

In­cor­po­rar Google Maps ao WordPress com My Maps

Você também pode usar o Google My Maps para criar mapas e incorporá-los a um site WordPress. Com essa fer­ra­menta, você pode adotar uma abordagem mais de­ta­lhista, inserindo anotações próprias. O recurso é útil se você deseja, por exemplo, mostrar aos vi­si­tan­tes onde eles podem es­ta­ci­o­nar, ou apontar caminhos al­ter­na­ti­vos. Depois de criar o mapa, incorpore-o ao seu site WordPress ba­si­ca­mente da mesma forma que a explicada acima: gere um embed code, copie-o e cole-o no editor.

In­cor­po­rar Google Maps ao WordPress com plugin

Você também pode in­cor­po­rar o Google Maps ao WordPress com a ajuda de um plugin. Plugins também podem ser úteis caso você deseje adicionar um mapa produzido por uma fer­ra­menta al­ter­na­tiva ao Google Maps ao seu site. Além de sim­pli­fi­ca­rem processos, extensões oferecem opções adi­ci­o­nais de per­so­na­li­za­ção de design. Elas também são mais con­ve­ni­en­tes àqueles que pretendem in­cor­po­rar vários mapas a um único site. Gerencie as con­fi­gu­ra­ções destes plugins di­re­ta­mente pelo painel do WordPress, logo após sua ins­ta­la­ção. Listamos, abaixo, os plugins mais in­te­res­san­tes, que combinam WordPress e Google Maps.

Google Maps Widget

Google Maps Widget é es­pe­ci­al­mente fácil de usar quando se trata de in­cor­po­rar o Google Maps a um site WordPress. Para começar, instale o widget, ative-o e insira sua chave API. Em seguida, localize o widget na aba “Aparência”. Ele pode ser in­cor­po­rado a qualquer parte do seu site e é capaz de exibir até mesmo mapas in­te­ra­ti­vos. Gratuito, este plugin atende às ne­ces­si­da­des da maioria dos usuários.

Google Maps Easy

O nome deste plugin fala por si. O que torna o Google Maps Easy especial é a ca­pa­ci­dade que ele tem de criar novos mapas uti­li­zando in­ter­fa­ces separadas. A extensão permite que você insira des­cri­ções, co­men­tá­rios e fotos nos mapas, além de oferecer opções de zoom. Depois de criar o seu mapa, incorpore-o por shortcode.

WP Google Maps

WP Google Maps é um dos plugins que vinculam WordPress e Google Maps mais populares. Escolha entre a versão básica gratuita e a versão paga, que dis­po­ni­bi­liza recursos adi­ci­o­nais. Mesmo a versão grátis permite con­fi­gu­ra­ções in­te­res­san­tes e oferece dez opções de temas, além de pos­si­bi­li­dade de zoom, rotas de bicicleta, direções e outros.

Hero Maps Premium

Dis­po­ní­vel por US$ 20, o Hero Maps Premium pode ser re­la­ti­va­mente caro àqueles que querem sim­ples­mente in­cor­po­rar um mapa do Google a um site. No entanto, se você deseja um mapa to­tal­mente per­so­na­li­zado, que se encaixe per­fei­ta­mente no seu design e que ofereça recursos cus­to­mi­za­dos aos vi­si­tan­tes, opte por este plugin. Seus filtros especiais são par­ti­cu­lar­mente úteis. Caso não tenha certeza se o preço vale a pena, você pode testar a versão de de­mons­tra­ção do plugin gra­tui­ta­mente.

WP Google Map Plugin

O WP Google Map Plugin tem uma interface de ad­mi­nis­tra­ção própria, que permite que mapas sejam con­fi­gu­ra­dos pelo painel, em uma nova aba. O processo é fácil e au­to­ex­pli­ca­tivo. Você só precisa escolher os locais a serem exibidos pelo mapa e definir os pa­râ­me­tros. Em seguida, basta incorporá-lo por shortcode. Este plugin é mais limitado que os con­cor­ren­tes, contudo, ele é su­fi­ci­ente para quem deseja um simples mapa, sem muitos adornos.

Chaves API em sites co­mer­ci­ais

Caso deseje in­cor­po­rar o Google Maps a um site WordPress de fim comercial, você precisará de uma chave API. De­pen­dendo do tráfego no seu site, adquiri-la não lhe custará nada. Contudo, se o seu site recebe milhares de vi­si­tan­tes por mês, ou se você pretende in­cor­po­rar um mapa mais elaborado, terá de pagar. Obtenha uma chave API pelo Google Cloud Platform Console. Lá, crie um projeto e escolha um produto. Para in­cor­po­rar o Google Maps ao WordPress ma­nu­al­mente, selecione a opção “Maps Embed API”. Se você for usar um plugin, opte por “Google Maps Static”.

Você também pode se­le­ci­o­nar múltiplos produtos e alterar suas as con­fi­gu­ra­ções em um segundo momento. Clique em “Habilitar” para ativar os produtos se­le­ci­o­na­dos. Em seguida, encontre sua chave API em “Cre­den­ci­ais”. Lá, você pode con­fi­gu­rar res­tri­ções, para que terceiros não consigam utilizá-la. De posse da chave, adicione-a ao embed code ou insira-a no plugin de pre­fe­rên­cia.

Se o seu site não for comercial, você não precisará de uma chave API.

Resumo: Combinar WordPress e Google Maps

É possível in­cor­po­rar o Google Maps ao WordPress ma­nu­al­mente ou com a ajuda de um plugin. De todo modo, apre­sen­tar sua lo­ca­li­za­ção e as rotas que levam ao seu negócio é re­la­ti­va­mente fácil. Caso você deseje adicionar recursos avançados ao seu mapa, re­co­men­da­mos que você recorra a um plugin, pois estes oferecem opções de per­so­na­li­za­ção.