Los métodos más sencillos (y eficaces) para insertar Google Maps en WordPress y mejorar el contenido de tu página web

Como poner la ubicacion de google maps en wordpress

¿Tienes un negocio físico y quieres que las visitas de tu web sepan dónde localizarte? ¿El contenido de tu página está incompleto sin un mapa? ¿Quieres que los usuarios conozcan una ubicación?

Sea por el motivo que sea, si has llegado hasta aquí, es porque buscas cómo insertar Google Maps en WordPress.

Pues bien, en esta guía vamos a enseñarte cómo hacerlo con y sin plugins y, en caso de que optes por lo segundo, cuáles son las mejores opciones que tienes.

¡Empezamos!

Cómo poner un Google Maps en WordPress sin plugins

Si te preocupa la velocidad de carga de tu página web, sabrás que además de elegir un buen hosting, reducir el número de plugins es (casi) obligatorio.

Además, insertar un mapa de Google ‘a mano’ es muy sencillo, ya que la propia plataforma ofrece todo lo necesario.

¿Quieres descubrir cómo se hace? Es así de fácil.

1. Busca la ubicación que quieres compartir y copia el código necesario

El primer paso, es buscar el Google Maps el lugar que quieres compartir en tu sitio.

Una vez localizado, en la parte izquierda del navegador encontrarás su ficha y dentro de ella, verás que hay un botón para compartir.

compartir-google-maps

Haz clic en él y a continuación, en el recuadro que se abre, selecciona la pestaña que dice ‘Insertar un mapa’.

insertar-un-mapa

Por último, en el siguiente recuadro haz clic en ‘Copiar HTML‘ para que el código necesario para compartir el mapa se añada a tu portapapeles.

copiar-codigo-mapa

Y si quieres, en esta misma pantalla también puedes elegir el tamaño del mapa pulsando en la palabra ‘Mediano’.

2. Insertar el mapa en Gutenberg

Para compartir el mapa en el editor Gutenberg, solo tienes que ir al contenido y, en el lugar que quieras, añadir un bloque de ‘HTML personalizado’.

html-personalizado-gutenberg

Para terminar, copia el código copiado en el paso anterior y listo.

iframe-gutenberg

Ahora solo queda guardar el borrador (o actualizar) para comprobar que el mapa se muestra de forma correcta.

3. Insertar el mapa en el editor clásico

En caso de que decidieses desactivar Gutenberg y seguir con el editor de toda la vida, el proceso es muy parecido al anterior.

Solo que en este caso, debes copiar el código del mapa en la pestaña ‘HTML’

html-editor-clasico

Cuando termines, puedes volver a la pestaña ‘Visual’ y seguir escribiendo tu contenido como siempre.

4 plugins de WordPress para insertar un mapa de Google

Como no podía ser de otra manera, en el CMS más usado en todo el mundo tienes la opción de hacer esto con un plugin.

Y por supuesto podrás elegir entre diferentes opciones, cada una de ellas con sus pros y contras.

1. WP Google Maps

wp-google-maps

Con más de 400.000 instalaciones activas y una valoración de 4,8 sobre 5, se trata de la opción más popular en estos momentos.

¿Y a qué se debe su éxito? Para empezar, es un plugin muy fácil de usar, que te permite crear e insertar tantos mapas como necesites de forma rápida y sencilla.

Algo muy importante pero es que además, ofrece:

  • Elegir entre 9 plantillas para mapas.
  • Compatible con Street View.
  • Mapas responsivos.
  • Elegir entre Google Maps u Open Layers Maps.
  • Etc.

Todo esto en su versión gratuita y, en caso de que necesites más, puedes adquirir WP Google Maps Pro.

>> Descargar WP Google Maps.

2. Maps Widgets for Google Maps

Maps-Widgets-for-Google-Maps

En el caso de que solo necesites insertar un mapa en un widget de WordPress, este plugin ofrece lo que buscas.

Porque una vez instalado y activado, solo tendrás que ir a ‘Apariencia > Widgets’ y seleccionar la ubicación donde quieres que aparezca.

¿Y solo hace eso? En su versión gratuita sí, aunque también podrás:

  • Elegir el tipo de mapa (carreteras, híbrido, satélite, topográfico…).
  • Seleccionar diferentes colores.
  • Incluir un icono personalizado.
  • Y otras muchas características.

Por último, como suele ocurrir con la mayoría de plugins, existe una versión de pago que extiende sus funcionalidades.

Y en este caso, la más útil es poder añadir un shortcode que te permitirá incrustar el mapa donde quieras.

>> Descargar Maps Widgets for Google Maps.

3. Easy Google Maps

Easy-Google-Maps

El nombre de este plugin significa ‘Google Maps fácil’ en nuestro idioma, lo que nos da una pista de su principal atractivo.

Lo bueno es que a pesar de eso, ofrece una serie de características que lo convierten en una opción muy interesante:

  • Crear un número ilimitado de mapas.
  • Posibilidad de incrustar el mapa por shortcode o código PHP.
  • Incluir diferentes puntos de interés.
  • Elegir entre varios iconos.
  • Etc.

Otra buena noticia es que, a diferencia de los otros plugins, Easy Google Maps es 100% gratuito, lo que significa que no hay características que solo desbloqueas en su versión premium.

>> Descargar Easy Google Maps.

4. MapPress Maps for WordPress

MapPress-Maps-for-WordPress

Por último, te proponemos este plugin cuya principal característica es la velocidad con la que podrás incrustar mapas en tu contenido.

La clave para eso está en que añade un bloque propio a Gutenberg, con el que podrás configurar todos los aspectos del mapa:

  • Ubicación.
  • Tamaño.
  • Alineación.
  • Y mucho más.

De esta manera no solo es más rápido incrustarlo, sino que verás ‘en directo’ cómo queda en el contenido y podrás modificarlo desde el mismo editor.

Y si usas el editor clásico no hay problema, porque también es compatible con él al permitir la inserción por shortcode o PHP.

Otra buena noticia es que acceder a todo esto no tiene coste. Aunque como casi todos, para desbloquear todas sus funciones deberás hacerte con su versión Pro.

>> Descargar MapPress Maps for WordPress.

Ya no tienes excusa para contar con mapas en tu página web

Como ha quedado claro, incrustar un mapa en WordPress es muy sencillo y cualquiera puede hacerlo.

¿Y sabes qué otra cosa puede hacer todo el mundo? Contratar el mejor hosting al mejor precio, gracias a nuestros cupones descuento en alojamientos web.

Webempresa, Raiola Networks, Sered, Tropical Server… Esas son solo un ejemplo de las empresas en las que podrás alojar tu sitio ahorrando dinero.

En cada una de ellas además, encontrarás un análisis con todas sus características, pros y contras para ayudarte a elegir la mejor opción para ti.

Logo