Por meio do próprio Google Maps ou de ferramentas, como o Map Embeds Generator, é possível adicionar um mapa com qualquer localização ou estabelecimento no WordPress por meio de embed, sem precisar instalar plugins.
Existem muitas formas de inserir mapas em posts e páginas de sites WordPress, mas o jeito mais fácil, sem dúvidas, é simplesmente “embedar” o código do mapa desejado.
Dessa forma, o mapa será exibido em seu site, mas rodará de forma externa, o que não é um problema, desde que você use códigos seguros.
Sem delongas, segue o passo a passo.
1. Acesse a localização ou o local desejado no Google Maps
Existem outras plataformas de geoposicionamento, mas o Google Maps é o serviço mais utilizado e conhecido.
Você pode acessar o local desejado pelo Google ou pelo próprio Google Maps (google.com/maps). Após carregar, você deve clicar em compartilhar.
2. Copie o código de incorporação
No box que se abrir, selecione a aba “Incorporar um mapa”, depois clique em “COPIAR HTML”. É esse o código que você levará para o seu site.
3. Insira o código na página ou post desejado
Por fim, para inserir o mapa no seu site, basta abrir a edição da página ou post onde deseja inseri-lo, e adicioná-lo como HTML personalizado.
Para quem é novato no WordPress, basta selecionar uma linha limpa no editor, clicar em “+”, depois pesquisar e selecionar “HTML personalizado”.
Está feito! Basta publicar e seu mapa aparecerá no seu site desta forma:
No meu exemplo, estou inserindo um mapa de um ponto turístico da cidade de Sete Lagoas no site setelag.com.br.
A maior vantagem é que o mapa é dinâmico e permite arrastar, dar zoom ou acessar os recursos do Google Maps diretamente por ele.
Bônus: caso o mapa não fique centralizado
Dependendo das configurações do seu tema no WordPress ou do local onde o inseriu, o mapa pode ficar descentralizado. Você pode resolver isso com um pequeno ajuste no código, mas como a ideia aqui é trazer uma solução simples para quem não quer fazer configurações mais finas, vou dar outra sugestão.
Em vez de gerar o código pelo Google Maps, use a ferramenta Map Embeds Generator － basta acessar o site “https://mapembeds.com/“.
Nele, você vai precisar inserir a URL do seu site e a localização (como se estivesse fazendo uma busca mesmo). Observe que a ferramenta também permite ajustar o zoom (Custom Zoom Level), inserir rotas (Directions) ou locais exatos no Street View.
Para gerar o código, basta clicar em “Generate Map”, e depois copiá-lo clicando em “Copy Embed Code”.
A vantagem dessa opção é que o código já vem com ajustes de centralização. Ou seja, o mapa vai estar sempre centralizado, independentemente de onde for inserido no site.
É isso! Agora você já sabe como colocar um mapa do Google Maps no seu site WordPress!
Aproveite e confira também: Qual é a melhor hospedagem compartilhada: HostGator ou Hostinger?
Gestor de conteúdo, redator profissional e especialista em SEO (Otimização para Motores de Busca). Ampla experiência em Marketing de Conteúdo, Marketing de Afiliados, hospedagem de sites e blogs WordPress.