ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

Cómo incluir mapas de Google en WordPress

26 julio, 2020 por Pedro Mendez 6 comentarios

Tabla de Contenidos

  • ✍️ Añadir de forma manual un mapa de Google en WordPress
  • 🔌 Incluir un mapa de Google utilizando un plugin para Wordpress
  • 🦾 Añadir mapas de Google en un widget y un Lightbox

Dentro de nuestro de Wordpress podemos agregar cualquier tipo de contenidos como vídeos, audio, PDF y hojas de cálculo. La inclusión de contenidos de fuentes externas nos permite crear una fuente inagotable de información que son muy útiles e interactivas. En este artículo en concreto vamos a ver como podemos añadir mapas de Google a nuestro Wordpress, ya sea para páginas de contacto, para mostrar distintas ubicaciones de sitios, eventos, etc.

✍️ Añadir de forma manual un mapa de Google en WordPress

Para incluir de forma manual mapas de Google en Wordpress debemos ir a Google Maps y escribir la dirección o la ubicación del lugar que queremos mostrar. Una vez que lo hemos encontrado entramos en el botón de enlace que se muestra en el panel derecho. Aquí nos muestra el código de debemos insertar en la página web. Copiamos el código iframe o también tenemos la posibilidad de personalizar y obtener una vista previa de los cambios realizados, para tener un mapa diseñado a nuestro gusto o necesidades.

codigo iframe google maps

Nos dirigimos a nuestro sitio de Wordpress y pegamos el código en un artículo, página o plantilla. Ya con esto solo queda guardar la entrada o página y ver el mapa de Google funcionando en nuestro sitio.

🔌 Incluir un mapa de Google utilizando un plugin para Wordpress

La primera explicación que hemos visto es buena, si sólo queremos añadir un mapa de Google con una sola ubicación en nuestro Wordpress. Pero si los mapas juegan un papel importante en el contenido general de nuestro sitio web es importante instalar un plugin para tener mejores funciones.

Lo primero que debemos hacer es instalar y activar el plugin MapPress Easy Google Maps. Ahora editamos una página o entrada donde deseamos añadir un mapa. Nos desplazamos hacia abajo por la sección de MapPress en la pantalla posterior de edición y pulsamos para añadir un nuevo mapa.

plugin mappress

Esto hace que el editor de MapPress se abre para introducir una dirección, o pulsamos el enlace de localización para que el plugin detecte de forma automática la ubicación. Incluye un título en el mapa y escoge el tamaño deseado. Una vez que estamos satisfechos pulsamos el botón de guardar y luego pulsamos para insertar en publicar para añadir el mapa en la página. Ahora actualizamos o publicamos para ver la vista previa de los cambios.

Con el plugin MapPress es posible añadir varios mapas para una entrada o página. Esta herramienta la podemos configurar fuera o dentro del menú de la barra lateral de Wordpress. Entramos en esta si necesitamos cambiar la configuración como el tipo de mapa, bordes, alineación, controles, etc.

🦾 Añadir mapas de Google en un widget y un Lightbox

Otra manera fácil de agregar los mapas de Google para nuestro WordPress es mediante la instalación del plugin Google Maps Widget. Después de activar el plugin, nos vamos hacia Apariencia – Widgets y arrastramos para soltar el widget «Google Maps Widget» en la barra lateral.

widget google maps

Escribe la dirección que deseas mostrar en el mapa de configuración del widget. También puedes elegir el tamaño del mapa, color, nivel de zoom y demás. Pulsamos en el tab Lightbox para configurar los ajustes de lightbox. Por último pulsamos en el botón Guardar para no perder la configuración del widget. Dirígete a tu sitio web para ver el widget en acción.

widget google maps2

Esperamos que este artículo te ayude a incluir mapas de Google en tu sitio de WordPress. Para preguntas y comentarios puedes dejar el tuyo debajo.

Nuestra puntuación

..Entradas Relacionadas

  • Plugin Localizador de Tiendas para Gestión de Ubicaciones con WordPress
  • 3 Plugins para Incluir un Seguimiento GPS en WordPress
  • Plugin WordPress para Mostrar Lugares Relevantes Cerca de una Ubicación
  • Como Crear un Sitio Web para Embarazadas de Éxito con WordPress
  • ⭐ Como Mostrar Reseñas de Facebook en WordPress

Publicado en: Wordpress Etiquetado como: google maps

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Comentarios

  1. Jorge dice

    6 febrero, 2020 a las 10:12 AM

    Hola. Gracias por vuestro aporte. sólo tengo una duda y es que en esos mapas nunca se muestra la ubicación del usuario que visita el sitio web y ve el mapa.
    Agradecería si me podéis ayudar para ver cómo hacerlo.
    un saludo

    Responder
    • Pedro Mendez dice

      6 febrero, 2020 a las 12:59 PM

      Hola Jorge. ¿Me lo puedes explicar mejor? a ver si comprendo cual es el problema

      Responder
  2. Javi dice

    28 marzo, 2020 a las 9:12 PM

    Hola! Muchas gracias por tu explicación

    Tengo una pregunta: Tengo una guía de viaje, donde prácticamente cada página habla sobre la ubicación de un restaurante. Por tanto, en cada página quiero que aparezca la ubicación del restaurante. ¿Es posible obtener posteriormente un único mapa en el que aparezcan todas las ubicaciones de restaurantes de la ciudad?

    Espero haberme explicado bien 😉

    Gracias!

    Responder
    • Pedro Mendez dice

      30 marzo, 2020 a las 12:36 PM

      Hola Javi. Desde este enlace https://support.google.com/maps/answer/3045850?hl=es te explica como personalizar tus mapas y añadir todos los iconos que quieras en un mismo mapa. En la pestaña donde pone «Añadir lugares al mapa» te explica como se hace. Saludos

      Responder
  3. angel maximiliano dice

    16 junio, 2020 a las 5:11 AM

    Hola, un gusto poder llegar a ti, muy bueno el contenido que brindas. La verdad es que el mundo wordpress es nuevo para mi, en estos últimos días me he puesto a leer y a ver mucho material sobre este mundo, mi idea es armar una guía comercial, de mi ciudad, de mas esta decirte que soy de Argentina. El tema, es que no se por donde arrancar, me encontré con muchas plantillas pero la verdad ninguna me parece apropiada para realizar una guía comercial o seguramente me esta faltando mucho conocimiento. El tema es que medio me he decaido con el tema de no poder ver algo lindo, no se si me puedes recomendar alguna plantilla, por ahora todo es con mucho sudor y poco para invertir… pero desde ya estoy abierto a recomendaciones y sugerencias…abrazo calido y nuevamente gracias por tu contenido tan interesante.

    Responder
    • Pedro Mendez dice

      18 junio, 2020 a las 5:52 PM

      Hola Angel. Seguramente necesitas unos complementos que te permitan incluir un directorio en tu sitio web. Échale un ojo a este post y me cuentas https://reinspirit.com/plugin-wordpress-directorio-empresas/. Saludos

      Responder

Deja una respuesta Cancelar la respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.


Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (52)
  • Diseño (39)
  • Email Marketing (2)
  • Genesis (4)
  • Google (14)
  • herramientas (22)
  • hosting (8)
  • Marketing en Internet (13)
  • Negocios (3)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (25)
  • Trabajo (6)
  • Wordpress (531)

© Copyright 2024 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)