Os widgets no WordPress são um coringa para qualquer página do seu site. Dá para exibir fotos, vídeos, menus, publicidade e até mesmo um mapa do Google Maps. Exibir um mapa numa página de contato é algo muito comum para sites institucionais, comerciais e até que representam alguma marca. Isso não quer dizer que você está fadado a mostrar mapas apenas dentro de posts ou páginas. Utilizando o plugin Google Maps Widget é fácil exibir o mapa para um endereço na lateral, rodapé ou em qualquer área reservada a widgets.
Google Maps Widget
O plugin para WordPress, Google Maps Widget, é muito importante de se utilizar quando há a necessidade de demonstrar a localização de um endereço por meio de um mapa. O Google Maps é hoje uma das ferramentas para buscar e marcar localizações mais utilizadas em PCs, tablets e smartphones. Por isso, ela é a escolha certa para implementar a função de mapas dentro de seu site. Uma das maiores vantagens de utilizar esse plugin, é que você não precisa dispor de nenhum API key referente ao Google Maps e seu mapa ainda pode abrir com efeito lightbox.
Para começar a exibir um mapa nas sidebars de seu site você precisa baixar o plugin Google Maps Widget. Segue o link abaixo.
Depois que você instalou e ativou o plugin Google Maps Widget, basta apenas configurá-lo. Para isso, acesse a área de widgets do seu blog ou site: Aparência > Widgets. Dependendo da estrutura do tema que você utiliza, seu mapa pode ser adicionado no topo, lateral e rodapé do site. Escolha em qual área de widgets você deseja exibi-lo, arrastando e soltando o Google Maps Widget até ela.
Agora podemos partir para as configurações do seu mapa. Atribuir um título para o widget é algo opcional, ficando a seu critério colocar um título ou não. Depois você deve digitar o endereço que será exibido por meio do mapa. Por exemplo, Barra da Tijuca, Rio de Janeiro. Para evitar erros, primeiro você deve buscar pelo endereço na página do Google Maps. Após a área de endereço você verá que existem dois modos para exibir o seu mapa, Thumbnail map e Lightbox map.
Thumbnail map
Essa é a primeira área que você irá configurar no Google Maps Widget. Aqui você irá configurar as dimensões para o seu mapa (largura e altura), o tipo de mapa, a cor do pin que demarca um local, o nível de zoom inicial e o link de redirecionamento. Por padrão, quando um visitante clicar em seu mapa, será exibido um mapa em tamanho maior e com efeito lightbox. Veja maiores detalhes das configurações:
- Map Size (largura x altura);
- Map Type: Road, Satellite, Terrain e Hybrid (os mesmos utilizados no Google Maps);
- Pin Type: Padrão ou uma imagem própria sua;
- Pin Color (apenas para o padrão): 10 opções de cores;
- Pin Size: Tiny, Small, Medium e Large;
- Zoom Level: Nível de 0 a 21;
- Link To: Lightbox (para exibir com esse efeito), Custom Link (para redirecionar a um link), Disable Link (desabilitar o clique).
Lightbox map
Lightbox map é a segunda área de configuração do Google Maps Widget. É necessário configurar o lightbox map apenas se você escolheu a opção Link To: Lightbox em Thumbnail map. Para configurar essa opção, de exibir o mapa em tamanho maior e com efeito lightbox você deverá informar:
- Map Size (largura x altura);
- Map Type: Road, Satellite, Terrain e Hybrid (os mesmos utilizados no Google Maps);
- Zoom Level: Nível de 0 a 21;
- Skin: Light ou Dark;
- Escolha se quer exibir um balão com o endereço;
Além das configurações que detalhamos aqui, você ainda pode escolher se quer exibir algum texto antes ou após o mapa – tanto para Thumbnail map quanto para Lightbox map. O Google Maps Widget é a melhor opção para exibir mapas em qualquer área do seu site. Você pode criar quantos mapas quiser e com as mais diferentes dimensões.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.
Ferramentas WordPress Veja Mais Ferramentas
Ninja Forms
WP Discuz
Revive Social
Olá, no caso eu teria que fazer um mapa com mais de uma localidade disponível, vinculada a um link já existente no site, que eu pudesse a partir do ponto marcado no mapa pudesse acessar esse link, isso seria viável de algum modo?
Oi Sandy. Vc sabe como eu poderia implementar um widget maps que exibisse a localização que foi gerada em um determinado campo da pagina? por exemplo, a partir de um formulário dinâmico de estado, cidade e bairro foi gerado um endereço. com esse endereço eu gostaria de apresentar a localização no google maps. o que vc acha?
Olá Celso,
Você pode usar esse plugin que tem integração com o contact form 7 e permite que ao colocar o endereço seja exibida no mapa a localização inserida:
Google Map para CF7 https://wordpress.org/plugins/cf7-google-map/, nós temos um tutorial aqui de como usar o contact form 7 caso você ainda não esteja usando.
Abraço.
Ola,
Parabéns a staff do canal WP, Conteúdo muito bom!
Aproveitando a oportunidade, gostaria de saber se
ha alguma alternativa (plugin) para criar um mapa e saber a localização
dos meus colaboradores em tempo real e suas rotas.
Olá, preciso de um plugin ou widget que contenha fotos e dicas de cidades para visitar. Preciso que os viajantes publiquem no meu site dicas de viagens você sabe se existe um plugin para isso?
Aguardo ansiosamente uma resposta.
Olá Gabriela,
Seria muito mais fácil você encontrar um tema que tenha essas funcionalidades do que um plugin.
Acredito que um tema no estilo diretório com Google maps pode ser o que você procura.
Abraço.
No caso eu tenho um mapeamento pronto, com vários endereços de grupos de apoio tipo Alcoolícos Anonimos, tenho um site de ONG que precisa divulgar esses endereços com o mapa, existe uma ferramenta para essa divulgação. Ou seja, já existe um endereço pronto do Google MAPS com todas essas clínicas já mapeadas.
Olá Lula,
Infelizmente não. Você terá que adicionar as localizações que deseja destacar no mapa.
Tem um plugin que sempre utilizo quando preciso exibir diversas localidades no Google Maps:
https://wordpress.org/plugins/wp-google-map-plugin/
Basta criar as localidades desejadas e você pode criar diversos mapas apenas com as localidades escolhidas. Mas infelizmente você precisa criar as localidades 1 a 1.
Você pode querer checar esses outros 2 muito poderosos, mas que exigem bastante configuração:
https://wordpress.org/plugins/google-maps-bank/
https://wordpress.org/plugins/google-maps-builder/
Abraço.
No caso eu tenho um mapeamento pronto, com vários endereços de grupos de apoio tipo Alcoolícos Anonimos, tenho um site de ONG que precisa divulgar esses endereços com o mapa, existe uma ferramenta para essa divulgação. Ou seja, já existe um endereço pronto do Google MAPS com todas essas clínicas já mapeadas.
Olá Lula,
Infelizmente não. Você terá que adicionar as localizações que deseja destacar no mapa.
Tem um plugin que sempre utilizo quando preciso exibir diversas localidades no Google Maps:
https://wordpress.org/plugins/wp-google-map-plugin/
Basta criar as localidades desejadas e você pode criar diversos mapas apenas com as localidades escolhidas. Mas infelizmente você precisa criar as localidades 1 a 1.
Você pode querer checar esses outros 2 muito poderosos, mas que exigem bastante configuração:
https://wordpress.org/plugins/google-maps-bank/
https://wordpress.org/plugins/google-maps-builder/
Abraço.