¿Cómo insertar un mapa de Google Maps en WordPress?

Categorias: Wordpress

Hoy en día es bastante común encontrarnos con un mapa descriptivo en muchas páginas web. Ya sea una indicación sobre el cómo llegar a nuestro negocio, una localización de los mejores restaurantes de la zona o incluso la ruta en bicicleta programada para el fin de semana, la aplicación Maps de Google es la más utilizada en este sentido. Hoy vamos a aprender cómo integrar un mapa en WordPress.

APÚNTATE GRATIS  y recibiras más tutoriales como este para insertar mapas de Google en WordPress.  CLICK AQUÍ  

¿Cómo insertar un mapa de Google Maps en WordPress?

Accedemos a Google Maps y buscamos una dirección cualquiera en la barra de búsqueda.

imagen wordpress

Una vez buscada nuestra geolocalización, en la parte baja de la pantalla veremos el icono de una rueda dentada, en la que haremos click para después seleccionar la opción “Compartir e insertar mapa”:

imagen wordpress

Se nos abre una ventanita nueva en la que se nos brindan dos opciones:

Compartir enlace: este enlace es lo mismo que tenemos en nuestra barra de navegación. Podríamos copiarlo y pegarlo en nuestra entrada para generar así un link al mapa que se abriría en nuestro navegador.

imagen wordpress

imagen wordpress

Esta solución es muy provisional y nada práctica para nuestros visitantes. Nosotros queremos que el propio mapa quede embebido en nuestro artículo. Para ello, seleccionaremos la segunda opción.

Insertar mapa: en esta sección nos encontramos el código para embeber un mapa en nuestra publicación. En la pestañita en la que por defecto aparece “Mediano” podemos escoger el tamaño del mapa que queremos publicar entre tres tamaños predeterminados (Pequeño, Mediano y Grande), e incluso podemos darle el tamaño del mapa en píxeles escogiendo la opción “Tamaño personalizado”.

Una vez tengamos el código copiado, lo tendríamos que añadir en nuestra publicación vía código. Para ello, hacemos click en la pestaña “Texto” de nuestro editor para que este nos permita introducir texto con etiquetas e introducimos el código copiado de Google Maps en el lugar escogido.

imagen wordpress

Publicamos la entrada y ya tendríamos el mapa interactivo embebido en nuestro artículo. El resultado sería el siguiente:

APÚNTATE GRATIS  y recibirás todo lo que te interesa del mundo de la tecnología.  CLICK AQUÍ  


Insertar Mapas de Google Usando un Plugin

Como hemos visto añadir un mapa de Google Maps a WordPress es al go muy sencillo pero si eres de los que prefieren usar un plugin no te preocupes ya que WordPress tiene plugins para Google Maps.

Plugin WP Google Maps

plugin wp google maps

Vamos a echarle un vistazo a uno de los plugins más populares en WordPress para añadir mapas de Google.

Se llama Wp Google Maps y está funcionando en más de 200 mil WordPress a la hora de escribir este artículo. Esto nos da una idea de lo popular que es y no sólo eso, si no que nos demuestra que es un plugin que está muy probado y testeado, los que nos indica que podemos usarlo con confianza ya que, lo más seguro, es que no nos de ningún problema.

Lo primero que tenemos que hacer es buscarlo en los plugins de WordPress para instalarlo y activarlo. Si lo prefieres también lo puedes descargar directamente desde aquí.

Una vez instalado y activado veremos que en nuestro menú de WordPress tenemos un nuevo icono llamado Mapas.

mapas Wp Google Maps

Si hacemos click en Mapas / Mapas veremos una primera ventana donde nos contará las novedades de la versión de Wp Google Maps que hayamos instalado. Si tienes prisa por poner tu primer mapa ves a la parte inferior de la ventana y haz click en OK, Empezamos.

Veremos que ya hay un mapa creado, hacemos click en Editar y entramos a la ventana de configuración.

Veremos un montón de opciones pero si bajamos un poco veremos el recuadro de Marcadores donde podemos añadir la dirección que queramos y Agregar Marcador

Veremos que en el mapa se añada el marcador y nos recuerda que guardemos nuestro mapa si es el correcto.

guardar mapa - Wp Google Maps

Una vez guardado nos tendremos que fijar en el Código corto que nos indica. Será algo así:

wpgmza id="1"

Copiamos ese código y ahora sólo nos queda ir a una entrada y pegar el código donde queramos que aparezca el mapa.

Y ya está. Tendremos el mapa en nuestra entrada. Cada mapa nuevo será un código nuevo y en la configuración tenéis un montón de opciones que podéis cambiar para dejarlo a vuestro gusto.

mapa insertado Wp Google Maps


Hosting WordPress SSD en Hostinet

En Hostinet somos especialistas en Hosting WordPress SSD y por eso te ofrecemos el plan de Hosting WordPress SSD pensado y configurado especificamente para sacar todo el partido a tu pagina web WordPress. Nuestro equipo de soporte técnico especializado en WordPress pondrá a tu disposición todos los conocimientos necesarios para lanzar tu sitio web, mejorarlo y hacerlo que se distinga de la competencia. Tú preguntas, nosotros respondemos.

  • WordPress 1 Hosting especializado en WordPress con discos SSDdesde 4 ´38 €/mes
  • WordPress 2 Hosting especializado en WordPress con discos SSDdesde 5 ´54 €/mes
  • WordPress 3 Hosting especializado en WordPress con discos SSDdesde 8 ´34 €/mes
  • WordPress 1 Hosting especializado en WordPress con discos SSDdesde 4 ´38 €/mes
  • WordPress 2 Hosting especializado en WordPress con discos SSDdesde 5 ´54 €/mes
  • WordPress 3 Hosting especializado en WordPress con discos SSDdesde 8 ´34 €/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11,95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11,95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11,95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14,95 € al año AQUIPuedes contratar tu certificado SSL por solo 14,95 € al año AQUIPuedes contratar tu certificado SSL por solo 14,95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!

VN:F [1.9.22_1171]
Rating: 5.0/5 (Votos: 3)

¿NECESITAS AYUDA? Llama a nuestro soporte técnico 946 545 762

De Lunes a Viernes de 08:00 a 20:00 horas.


¡¡SOLO PARA TI!! Aprovéchate Ahora ...

¡¡Descubre los Mejores Artículos de Expertos en Tecnología!!

-

¡¡Descubre los mejores Artículos de Tecnología con Hostinet!!
Todos realizados por Expertos.

¡¡SOLO PARA TI!! Aprovéchate Ahora ...

¡¡Descubre los Mejores Artículos de Expertos en Tecnología!!

-

¡¡Descubre los mejores Artículos de Tecnología con Hostinet!!
Todos realizados por Expertos.

¡¡SOLO PARA TI!! Aprovéchate Ahora ...

¡¡Descubre los Mejores Artículos de Expertos en Tecnología!!

-

¡¡Descubre los mejores Artículos de Tecnología con Hostinet!!
Todos realizados por Expertos.