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
  • plugin directorio de empresasPlugin Wordpress para crear directorios de empresas
  • Incluir varias Im谩genes Destacadas Din谩micas 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)