En el post de hoy verás 3 formas de insertar Google Maps en WordPress. Para ello utilizaremos algunos plugins que nos facilitarán el trabajo, además, verás como insertar el Google Maps sin utilizar un plugin.
Insertar un mapa en tu web puede ser útil si tienes un negocio local. Esto ayudará a que tus potenciales clientes conozcan cómo llegar hasta tu negocio o contactar contigo.
Consideraciones previas
¿Qué es un API?
En términos informáticos, una API es una Interfaz de Programación de Aplicaciones. Por lo tanto, una API permite a un programador utilizar un sistema sin tener que conocer cómo es ese sistema por dentro.
¿Qué es la clave API de Google Maps?
La API de Google Maps se incluye dentro del servicio de Google Maps Platform, este ofrece diversos servicios entre los que se encuentra Google Maps.
La API de Google Maps te permite, entre otras cosas, generar mapas con estilos personalizados, crear rutas a partir del tráfico o consultar las imágenes de Street View.
Para poder usar aplicaciones con Google Maps, necesitas tener acceso a la API de Google Maps. Pero para poder usarla, lo primero que tienes que hacer es solicitarla, y posteriormente insertar la key que te proporcionan en tu web. Aunque hace unos años este era gratuito, desde 2018, Google nos hace pasar por caja si queremos usarlas.
En cualquier caso, Google nos proporciona un crédito gratis de 200 USD cada mes para poder usarla. Este debería ser suficiente para realizar pruebas e incluso para una web con poco trafico.
Trabajar el SEO local con Google My Business
Google My Business no solo te permite registrar tu negocio, actualizar tu dirección y teléfono para que tenga visibilidad, sino que también te permite añadir fotos, horario de apertura y cierre, e incluso hacer promociones a través de anuncios, contestar reseñas, hacer seguimientos de las analíticas para comprender el comportamiento de tus clientes.
Para poder utilizar este servicio gratuito de Google, lo primero que tienes que hacer es crearte una cuenta de Google, si es que aún no dispones de una, y crear un perfil de empresa. Entre los datos que necesitaras introducir en el formulario de registro son:
- nombre de la empresa,
- dirección física (si la tiene): país, dirección, código postal, ciudad, provincia,
- descripción del negocio y categoría,
- número de teléfono principal,
- URL página web,
Ahora solo te queda esperar una carta de Google en tu negocio con el código de verificación. 🙂
Con todo esto conseguirás que tu negocio este mejor posicionado en los buscadores y además será más fácil de encontrar en Google Maps.
Cómo insertar Google Maps en WordPress
Insertar Google Maps SIN plugin
Para insertar un mapa en tu sitio web con WordPress tienes que realizar los siguientes pasos:
- Localiza la ubicación de tu negocio en Google Maps,
- Accede en la ficha del lugar, localiza y realiza clic en Compartir.
- Selecciona la ficha «Insertar un mapa«.
- Copia el código HTML del mapa (antes puedes cambiar su tamaño si lo deseas).
- Inserta el código HTML en la página correspondiente. Para ello, selecciona el bloque HTML personalizado e insertalo en la ubicación deseada.
- Copia el código HTML y listo!!
- Comprueba que se visualiza correctamente.
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3080.942244524395!2d-0.37052538477338914!3d39.44803737948946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd6048d6e8c824a7%3A0x24b62f56a4f87943!2sCentro%20Integrado%20P%C3%BAblico%20Formaci%C3%B3n%20Profesional%20en%20INFORM%C3%81TICA%20Ausi%C3%A0s%20March%20en%20Valencia!5e0!3m2!1ses!2ses!4v1629971531341!5m2!1ses!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>Ahora tienes un mapa de Google Maps con la ubicación desea sin utilizar un plugin. Si controlas un poco de HTML verás que puedes modificar sus características.
Videotutorial sobre cómo añadir un mapa a nuestra web con WordPress
Insertar Google Maps CON plugin
A continuación, te muestro algunos plugin que te pueden ayudar a insertar Google Maps en WordPress:
- Map Block for Google Maps
- WP Google Map Plugin
- MapSVG
Puedes encontrar numerosos plugins en el repositorio de WordPress que te ayudaran a crear y personalizar tus mapas.
Map Block for Google Maps
Este plugin te permite insertar un mapa cualquier parte de tu web. No solo puedes incluir el mapa en cualquier ubicación (footer, header, barra lateral) disponible para los widget sino que también en cualquier otra parte de tu web. Esto es posible gracias al bloque para el nuevo editor de WordPress (Gutenberg)
Alguna de sus características son:
- La posibilidad de mostrar una miniatura en la que puedes hacer clic y se amplía para que puedas apreciarlo con detalle.
- Es necesaria una Google Maps API Key (Este requisito lo pone Goolge).
- Cuenta con un bloque para el editor nuevo editor de WordPress (Gutenberg).
WP Google Map Plugin
Es un plugin muy interesante que te permite crear mapas personalizados para tu web. Puedes encontrarlo en el repositorio de WordPress como WP Google Map Plugin. Su versión free puede ser suficiente para los proyectos que tengas que realizar. Si quieres más información te invito a que visites la web del desarrollador.
Alguna de sus características son:
- La posibilidad de mostrar una miniatura en la que puedes hacer clic y se amplía para que puedas apreciarlo con detalle.
- Es necesaria una Google Maps API Key (Este requisito lo pone Goolge).
- Cuenta con un bloque para el editor nuevo editor de WordPress (Gutenberg).
- Te crea un menú en WordPress desde donde puedes acceder a la configuración y creación de los diferentes mapas.
- Crear ilimitados mapas para usar en diferentes páginas, entradas, widgets, …
- Añadir ilimitadas localizaciones con diferente información.
MapSVG
Es un plugin premium que te permite generar mapas vectoriales.
Alguna de sus características son:
- personalizar cualquier mapa: mapas vectoriales, Google Maps, mapas de imágenes y directorios.
- plugin premium, $49 dólares.
¡Espero que te sea de utilidad!
Nos vemos en el siguiente videotutorial, ciao!! 🙂
