EXIBINDO MAPAS COM GOOGLE MAPS WIDGET NO WORDPRESS

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

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

Google Maps Widget - 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

Google Maps Widget - 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.

AVALIE GORA MESMO!
More from William Freitas

COMO USAR O SEO NO E-COMMERCE PARA VENDER AINDA MAIS

Se você quiser aumentar as vendas no seu site, deve considerar usar...
Read More

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *