Como Adicionar o Google Maps ao Seu Site WordPress
Mostrar a localização da empresa no site com um mapa interactivo facilita a vida dos clientes e reforça a credibilidade — prova que a empresa tem presença física. O Google Maps é a escolha natural pela sua ubiquidade e funcionalidades (direcções, Street View, reviews).
Método 1: Embed simples (sem plugin)
A forma mais simples e leve — sem plugins, sem API key, sem custos.
1. Abra o Google Maps e pesquise a morada da empresa.
2. Clique em “Partilhar” → “Incorporar um mapa”.
3. Escolha o tamanho (médio ou personalizado) e copie o código iframe.
4. No WordPress, edite a página → adicione um bloco “HTML Personalizado” → cole o iframe.
Para tornar responsivo, envolva o iframe em CSS:
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden">
<iframe src="URL_DO_MAPA" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0" allowfullscreen loading="lazy"></iframe>
</div>Método 2: Plugin (mais funcionalidades)
O plugin WP Google Maps (versão gratuita) permite criar mapas personalizados com múltiplos marcadores, informação personalizada em cada marcador, estilos de mapa diferentes e polígonos/rotas. Requer uma API key do Google Maps (gratuita até 28.000 carregamentos/mês).
Performance
O Google Maps carrega scripts externos que afectam a velocidade. Para minimizar o impacto, use o embed simples (método 1) quando possível — é mais leve. Se usa o plugin, active lazy loading para que o mapa só carregue quando o utilizador faz scroll até ele. Outra técnica: mostrar uma imagem estática do mapa e carregar o interactivo apenas quando o utilizador clica.
Página de contacto
O mapa funciona melhor integrado na página de contacto, junto com morada, telefone, e-mail e horário de funcionamento. Adicione direcções de como chegar se a localização não é óbvia. Para múltiplas localizações, crie um mapa com todos os marcadores.