Poner un mapa en WordPress GRATIS

Aprende a crear fantásticos sitios web
con nuestros Cursos de WordPress en Vídeo
Ver todos los cursos

Actualizado el

Si estás creando una web corporativa, casi con toda seguridad te hayan pedido crear una página con una dirección, una localización o una forma de llegar hasta la empresa. En este artículo te explico cómo poner una mapa en WordPress para alimentar esa página.

Sin Google Maps

Si eres usuario de un teléfono móvil android, seguramente estés más que familiarizado con Google Maps y sus indicaciones pra llegar a cualquier destino.

Hasta ahora, muchos desarrolladores utilizaban la API de Google para poder incrustar mapas estáticos con una dirección concreta en sus sitios hechos con WordPress, sobre todo en webs corporativas o páginas de negocios locales.

Sin embargo, desde el verano de 2018, Google empezó a cobrar por usar algunos de sus servicios, entre ellos la API de los mapas. Es decir, tendrás que pagar en función de las consultas que se hagan a la API desde el mapa que has insertado.

Es cierto que te dan un crédito inicial gratuito (de unos 200$) y que esas primeras consultas no tendrían coste… pero ¿qué ocurre si es una web con mucho tráfico y hay muchas consultas al mapa?

Pues que tendrías que pagar o, por el contrario, el mapa dejaría de funcionar.

De hecho, seguro que has encontrado últimamente algunas páginas con un mapa de Google oscurecido y un mensaje diciendo que Google no puede mostrar el mapa.

(Si has creado alguna web con un mapa de Google anteriormente te recomiendo que la revises para ver si sigue funcionando).

Poner un mapa en WordPress GRATIS

Afortunadamente Google no es dueño del mundo (aunque lo intenten) y existen alternativas, como por ejemplo OpenStreetMap. Por lo que te resultará bastante fácil poner un mapa en WordPress GRATIS.

Instalación del pluginPlugin Complemento que se añade a la instalación de WordPress para dotarla de más funciones. Existe un repositorio oficial con miles de completos disponibles para instalar.

Busca este plugin de Jesús Olazagoitia en el repositorio oficial de WordPress.

Se trata de un bloque para el nuevo editor de WordPress (también llamado GutenbergGutenberg Editor por bloques de entradas/páginas que se incluyó en el núcleo de WordPress a partir de la versión 5.0) que te permite poner una mapa en tu sitio de una manera súper sencilla.

Insertar el bloque de mapas

Una vez instalado y activado el plugin, simplemente debes ir hasta la página que estás creando e insertar un bloque llamado «Map Leaflet»

poner mapa wordpress gratis1

Aunque el bloque, por defecto, se encuentra englobado en la categoría de «Incrustados» puede que, dependiendo del uso, te aparezca también en los más utilizados o en los bloques de acceso rápido, como puedes ver en la parte superior izquierda de la imagen anterior.

 Personalizar bloque de mapas

Una vez insertado el mapa, el siguiente paso sería personalizarlo, tanto para que muestre en la localización tu dirección como para elegir el tipo de mapa, el zoom, etc.

poner mapa wordpress gratis 2
Bloque de mapas para WordPress
  1. En este campo debes escribir la dirección que quieres mostrar en el mapa. Si no es exacta, el bloque te mostrará un listado con direcciones posibles para que elija la que corresponda.
  2. Aquí puedes modificar el texto que aparecerá en el tooltip (cuadro de texto que se mostrará sobre el icono azul al hacer clic con el ratón). Puedes incluir el nombre de tu empresa para personalizarlo aún más.
  3. En esta opción puedes modificar el tipo de mapa que aparece por defecto al incrustar el bloque, desde mapa turísticos hasta mapas en blanco y negro, híbridos, etc.
  4. También es posible insertar de forma manual la latitud y longitud para que posicionar el icono en el mapa, y modificar el zoom con el que aparecerá la localización.
  5. Desde aquí puedes determinar la altura del bloque de mapas así como activar o desactivar el zoom sobre el mapa desde la rueda del scrooll del ratón.

Conclusión

poner mapas wordpress gratis 3
Ejemplo de mapa insertado en WordPress

Como puedes comprobar, poner un mapa en WordPress gratis, es posible hacerlo sin la necesidad de tener que utilizar los servicios de Google.

Además, al tratarse de un bloque para el nuevo editor de WordPress, será compatible con muchos otros plugins e incluso con los principales page buildersPage Builder Nombre con el que se conocen a los constructores visuales para WordPress. Se utilizan para crear entradas o páginas arrastrando bloques o widgets donde se incluye el contenido. que existen en el mercado.

¿Y tú como lo haces? ¿Eres de los que prefieres arriesgarte y utilizar la API de Google para insertar mapas en WordPress? ¿O prefieres no llevarte sorpresas y utilizar este tipo de plugins gratuitos para mostrar los mapas?

Deja tu comentario debajo y comparte tu experiencia con otros usuarios.

Juanma

Implementador y Formador especializado en WordPress, Coorganizador del grupo de Meetup WordPress Madrid. Colaborador en el equipo de traducción de WordPress España. Podcaster, YouTuber y fundador del blog WPnovatos.com

2 comentarios

  • Muchas gracias Juanma, estas son las cosas que me animan a seguir aportando mi granito de arena a la comunidad

    Responder
    • Gracias a ti Jesús por crear Map Block Leaflet para facilitarle la vida a muchos usuarios que seguro que lo van a utilizar.
      Otro día hablaremos de otro de los que tienes en el repositorio.
      Un saludo!

      Responder

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos

El responsable del proceso es Juanma Aranda | Tus datos serán tratados para gestionar y moderar tus comentarios | La legitimación del tratamiento es por consentimiento del interesado | No se transferirá ningún dato a terceros, salvo obligación legal | Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.

 

dapibus sit accumsan leo quis, efficitur. Donec adipiscing in sed ipsum venenatis, Vuelve al inicio

WordPress en Directo

wplive-logo

Actualidad, entrevistas, comunidad, eventos…

Cada semana emitimos un nuevo programa en abierto a través de nuestro Canal de YouTube.