Si tienes un local físico, ya sea una tienda en Surquillo, un consultorio en San Borja o un almacén en Villa El Salvador, poner un mapa de Google en tu web hace que la gente llegue más fácil. Es uno de esos detalles que parecen pequeños pero generan confianza: tu negocio existe, tiene una dirección real, no es solo un número de WhatsApp.

Hay varias formas de hacerlo en WordPress. Te explico las tres más usadas, con sus ventajas y sus limitaciones.

Método 1: insertar el iframe de Google Maps (el más rápido)

Este método no requiere ningún plugin. Solo necesitas ir a Google Maps, buscar tu negocio o la dirección exacta, y copiar el código de inserción.

Los pasos:

• Abre maps.google.com y busca tu dirección o el nombre de tu negocio.
• Haz clic en «Compartir» (el ícono de compartir que aparece en el panel izquierdo).
• Selecciona la pestaña «Insertar un mapa».
• Elige el tamaño: «Mediano» o «Personalizado» si quieres definir el ancho exacto.
• Copia el código HTML que empieza con <iframe.

Ahora ve a tu página o entrada en WordPress. En el editor Gutenberg, añade un bloque «HTML personalizado» (búscalo con el botón «+»). Pega el código del iframe ahí. Guarda y listo.

El mapa aparecerá directamente en tu página. Es interactivo: el visitante puede ampliar, ver la vista de satélite o abrir la ruta en Google Maps.

¿Por qué a veces el iframe no funciona?

Algunos temas o plugins de seguridad bloquean iframes de terceros. Si el mapa no aparece, revisa si tienes activo un plugin como Wordfence o un plugin de optimización que bloquee scripts externos. También puede ser que el editor esté en modo «Visual» y el iframe se muestre como texto: asegúrate de usar el bloque «HTML personalizado», no el bloque de párrafo.

Método 2: plugin WP Google Maps (gratuito)

Si quieres más control, como mostrar varios marcadores, personalizar el color del mapa o añadir información al hacer clic en un pin, el plugin WP Google Maps es una buena opción gratuita.

Instalación: ve a Plugins > Añadir nuevo, busca «WP Google Maps», instala y activa. El plugin crea su propio menú donde puedes armar el mapa visualmente, añadir marcadores con nombre y descripción, y luego copiar un shortcode para pegarlo en cualquier página.

Una advertencia: este plugin, como todos los que usan la API de Google Maps directamente, puede pedirte una clave de API (API key). Google Maps tiene un nivel gratuito generoso, pero necesitas crear la clave en Google Cloud Console. Si eso te parece complicado, el método del iframe es más inmediato.

Método 3: plugin Embedpress o similares

Embedpress y otros plugins de incrustación permiten pegar la URL de Google Maps directamente en un bloque sin copiar el código iframe. Simplemente añades el bloque de Embedpress, pegas la URL de tu ubicación en Google Maps y el plugin genera el mapa automáticamente.

La ventaja es que el flujo es más visual y menos técnico. La desventaja es que añades un plugin más a tu instalación, lo que tiene un costo en rendimiento si ya tienes muchos activos.

Cómo hacer que el mapa se vea bien en móvil

El iframe por defecto tiene un tamaño fijo en píxeles. En móviles puede salirse del contenedor. Para evitarlo, puedes envolver el iframe en un contenedor con CSS responsivo, pero si no tienes conocimientos de código, la forma más sencilla es:

• En el código del iframe, cambia el atributo width="600" por width="100%".
• Deja el height fijo, por ejemplo height="450".

Eso hace que el mapa se ajuste al ancho del contenedor en cualquier dispositivo.

Dónde colocar el mapa en tu web

Lo más lógico es en la página de contacto. Si tienes varias sedes, puedes crear una sección con dos o tres mapas en la misma página. También funciona bien en el pie de página (footer) si tu tema lo permite, aunque ahí suele quedar más pequeño.

Para negocios locales, tener el mapa visible en la web refuerza la presencia en Google cuando alguien busca «empresa de X en Lima». Es una señal de confianza que complementa bien una ficha de Google Business Profile actualizada.

¿Necesito una API key de Google Maps?

Para el método del iframe, no. Google genera ese código automáticamente y no requiere que tengas cuenta de desarrollador ni clave. Las claves de API son necesarias cuando usas la plataforma de Google Maps de forma avanzada, como en plugins que hacen muchas llamadas a la API o en funcionalidades como cálculo de rutas en tiempo real.

Para la mayoría de webs de pymes, el iframe o un plugin sencillo sin API key son más que suficientes.

Google Business Profile y el mapa de tu web: como se complementan

Poner un mapa en tu web es una cosa. Tener tu ficha de Google Business Profile (antes Google My Business) actualizada es otra. Las dos se complementan y vale la pena tenerlas en orden.

Cuando alguien busca en Google «servicio de X en Lima» y aparece el panel lateral con tu empresa, numero de telefono y direccion, eso viene de Google Business Profile, no de tu web. El mapa en tu web refuerza la credibilidad cuando alguien ya llego a tu sitio y quiere confirmar que eres una empresa real con ubicacion fisica.

Para negocios con local en Lima, los pasos basicos son: verificar tu ficha en Google Business, mantener el horario actualizado y subir fotos periodicamente. Es gratis y tiene impacto directo en las busquedas locales.

Errores frecuentes al insertar mapas en WordPress

Despues de ayudar a varias pymes peruanas con sus webs, estos son los errores que aparecen con mas frecuencia:

• Pegar el iframe en el bloque de parrafo en vez del bloque HTML personalizado. El resultado es que el codigo aparece como texto en la pagina.
• Usar el enlace de compartir normal de Google Maps en vez del codigo de insercion. Son cosas distintas: el enlace te lleva a Google Maps, el iframe lo incrusta en tu web.
• No actualizar la ubicacion del mapa cuando el negocio cambia de local. Si te mudas de San Isidro a Miraflores, el iframe sigue mostrando la direccion anterior hasta que lo regeneres.
• Insertar el mapa sin adaptar el width a 100 por ciento, lo que hace que en movil el mapa se salga del contenedor.

Todos estos errores son faciles de corregir una vez que los identificas. El mas comun es el primero, y se resuelve en segundos cambiando el tipo de bloque.

Preguntas frecuentes

¿Puedo poner un mapa de Google en WordPress sin plugin?

Sí. Ve a Google Maps, busca tu dirección, haz clic en ‘Compartir > Insertar un mapa’, copia el código iframe y pégalo en un bloque ‘HTML personalizado’ de Gutenberg. No necesitas ningún plugin para esto.

¿El mapa de Google Maps funciona bien en móviles?

Funciona, pero el iframe tiene tamaño fijo por defecto. Para que sea responsivo, cambia el atributo width del iframe a ‘100%’ en el código. Así se ajusta al ancho de cualquier pantalla.

¿Necesito pagar a Google para insertar un mapa en mi web?

No para uso básico. El método iframe es completamente gratuito. La API de pago aplica cuando haces muchas llamadas a la API (más de 28.000 al mes) o usas funciones avanzadas como rutas en tiempo real.

¿Puedo mostrar varios marcadores en el mapa desde WordPress?

Con el método iframe solo puedes mostrar un marcador. Para varios marcadores personalizados necesitas un plugin como WP Google Maps, que permite crear mapas con múltiples pins y descripciones desde el panel de WordPress.

¿Por qué no se ve el mapa después de pegarlo en WordPress?

Verifica que usaste el bloque ‘HTML personalizado’ y no un bloque de párrafo o texto. También revisa si algún plugin de seguridad o caché bloquea iframes externos. Desactiva temporalmente esos plugins para diagnosticar.