black friday elegant themes divi black friday webempresa

Gracias a la consulta de un cliente me enteré de que actualmente si no pagas con una tarjeta no puede insertar tus mapas de Google!

Así que dando unas cuantas vueltas al asunto, de manera breve y paso a paso, te describo en este pequeño post la manera de añadir o insertar tus mapas de manera simple y usando las mismas herramientas que Google Maps provee sin complicarte la vida ni pagar un euro.

Vamos a ello…

Primero lo que tienes que hacer es abrir google maps, una vez dentro, en la ventana de búsqueda colocas la dirección que quieres identificar en el mapa…

Luego clicas en el botón de compartir

Una vez que clicas este botón se abre la siguiente ventana:

Y aquí tienes que clicar en «Insertar un mapa»… cuando clicas se abre la siguiente ventana:

Aquí lo que toca es clicar el link «COPIAR HTML»

Y ahora tenemos que ir a nuestra web, dentro de la página en la que queremos insertar nuestro mapa creamos una sección, definimos que sea de una sola fila y elegimos el módulo de código:

Al aplicarse el módulo en él pegamos el código html que tenemos copiado en el porta papeles

Y aquí una observación importante… si nos fijamos en las medidas por defecto que trae el código pone que la altura es de 600 pixeles y el ancho es de 450 pixeles… para que podamos ajustar a nuestro gusto es mejor reemplazar estas medidas por un 100% en cada una de ellas y el resultado es el siguiente:

El alto podemos ajustarlo desde las características de la sección para que la imagen del mapa se ajuste al 100% de esas medidas…

Y listo! mapa aplicado sin Apis, en Divi y lo mejor de todo GRATIS…