Cómo Añadir un Mapa en WordPress con Google Maps Easy

Categorias: Wordpress

Cómo Añadir un Para en WordPress con Google Maps Easy

Tener un mapa de la localización de tu negoció en la web ya es algo muy habitual. Poder añadirlo de una forma sencilla ya es otra cosa, por suerte en WordPress existen varios plugins que nos facilita este trabajo y «Google Maps Easy» es uno de ellos. Veamos cómo funciona.

Los mapas pasaron de ser trozos de panel enormes y plegados de forma inverosímil, a formar parte de las apps habituales de nuestros teléfonos móviles.

Llegar a nuestro destino hoy en día, es mucho más fácil que hacerlo hace unos años y esto es en parte, gracias a los mapas gratuitos que tenemos a nuestro alcance, siendo uno de los más usados, el servicio de Google Maps.

Google Maps es tan popular porque se trata de un servicio gratuito, al menos para los usuarios finales, por lo que no tienes que pagar para poder usarlo, además de estar incluido por defecto en millones de dispositivos Android en todo el mundo.

Así pues, los sitios web empezaron a utilizar Google Maps para mostrar ubicaciones, como la dirección de las oficinas de una empresa, la calle de la peluquería donde quieres ir o la cita de algún evento programado.

Si usas WordPress, tienen muchas opciones en forma de plugins que puedes utilizar para añadir Google Maps en WordPress.

La mayoría de ellos son muy sencillo de usar y una de las opciones disponibles es el plugin Google Maps Easy.


Tenemos diferentes tipos de hosting, selecciona uno:


Plugin Google Maps Easy para WordPress

El plugin Google Maps Easy tiene una versión gratuita que puedes descargar desde aquí, aunque también dispone de opciones de pago para los que necesiten de todas sus opciones PRO.

La opción gratuita puede ser suficiente para la mayoría de los usuarios, ya que es totalmente operativa y para hacerla funcionar sólo tienes que instalar y activar el plugin.

Si lo prefieres, puedes descargarlo directamente desde tu WordPress, en Plugins > Añadir nuevo y realizando una búsqueda.

Una vez esté activado el plugin en nuestro WordPress, veremos un nuevo menú llamado Google Maps Easy.

menu maps easy WordPress

 

Conseguir la API Key de Google Maps

Una vez esté activo en tu WordPress, lo primero que te va a pedir es la Google API Key de Google Maps.

google maps api key aviso WordPress

Esto es así por las normas que impone Google para usar su producto, así que si quieres añadir los mapas tendrás que conseguir la API Key siguiendo los pasos que solicita Google.

Lo primero que tienes que hacer es acceder a la siguiente URL: https://cloud.google.com/maps-platform/

google cloud entrada primeros pasos

Cuando hagas click en el botón Primeros Pasos te pedirá tus datos de acceso a la cuenta de Google y una vez los pongas, se creará tu acceso a Google Cloud Platform.

cuenta google cloud platform

Te van a pedir todos tus datos, incluso un método de pago, aunque Google te dará un saldo de 200 USD gratis todos los meses, de esta forma evitan los abusos de algunos usuarios.

Desde Google Cloud indican que puedes definir cuotas diarias para evitar gastos inesperados, aunque aseguran que la gran mayoría de lo usuarios tienen más que suficiente con los 200 USD mensuales gratuitos, pero por supuesto, la decisión final es tuya.

Según la tabla de precios que puedes encontrar en este enlace, los mapas interactivos tienen un precio de 7 USD por cada 1000 solicitudes JS, siendo gratis para los dispositivos móviles iOS y Android.

Si finalmente decides acceder a la plataforma Cloud de Google, verás un montón de información, la cuál no nos importa si lo que queremos es la API Key para añadir los mapas en Google.

Desde el menú lateral tienes que acceder a APIs y Servicios > Credenciales > Crear Credenciales y seleccionar Clave de API.

clave api cloud crear nueva

Esto generará una clave API que debes copiar, ya que la necesitarás más adelante.

También tendrás que habilitar los mapas JavaScript para mostrar en la web. Esto se hace desde el menú lateral buscando Google Maps, está casi al final así que tendrás que hacer scroll.

Una vez accedas tendrás que seleccionar la opción Maps JavaScript API, tal y como se indica en la imagen:

habilitar maps js api en Google Maps

Y después, sólo tendrás que pulsar sobre el botón Habilitar.

boton habilitar maps js api en Google Maps

Crear un Mapa con Google Maps Easy

Ahora ya podemos y publicar nuestro primer mapa con Google Maps Easy, no olvides pegar la clave API en el sitio que corresponde.

Desde WordPress, tienes que ir al apartado de Ajustes en el menú del plugin y ahí verás el espacio reservado al User API Key, donde debes pegar la que te ha facilitado Google.

pegar api key google WordPress

Lo siguiente que puedes hacer es ir a Añadir Mapa para crear tu primer mapa.

Tiene muchas opciones, aunque algunas sólo estarán disponibles en el la opción de pago, pero para añadir un mapa rápido, sólo tienes que añadir la dirección o las coordenadas. No olvides guardar el mapa.

google maps easy crear primer mapa en WordPress

Una vez lo hayas guardado verás un código corto en la parte superior del mapa que puedes copiar y pegar en cualquier post o página, aunque si lo quieres poner en pie de página o un lateral, también tienes un widget disponible.

shortcode easy maps WordPress

Al final el resultado será algo parecido a esto:

google maps easy muestra mapa WordPress

Tienes varias opciones en el plugin para cambiarle el aspecto, pero eso ya es a gusto de cada uno.

 

Cosas a Tener en Cuenta

Los mapas de Google están por todas partes, millones de usuarios en todo el mundo los usan a diario y ya forman parte de nuestra vida online.

Si tienes un comercio o unas oficinas, es algo casi obligado poner un mapa de localización en tu web y con Google Easy Maps puedes hacerlo en un momento si usas WordPress.

Otra cosa es la política de Google sobre el uso de su servicio y el sistema de pago que ha impuesto.

Si tienes un sitio sin muchas visitas quizás los 200 $ mensuales gratuitos se queden cortos, pero eso es algo que tienes que valorar tú.

 

Hostinet WordPress SSD

  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´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
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • 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.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • 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!!