Hoy quiero compartir contigo una técnica increíble para aprender cómo poner Google Maps en tu sitio web creado con WordPress o Elementor sin tener que lidiar con la complicada API de desarrolladores de Google.
En el siguiente vídeo te guiaré a través de un proceso paso a paso que te permitirá personalizar al 100% un mapa de Google en tu sitio web, incluyendo el nombre de tu empresa y las reseñas de tus clientes si así lo necesitas.
Índice de contenidos
¿Por qué utilizar este método para insertar mapas de Google?
La primera pregunta que muchos pueden tener es: ¿por qué utilizar este método en lugar de la API de desarrolladores de Google?
La respuesta es simple: simplicidad y accesibilidad.
Mi intención al enseñarte este método es hacer que el proceso sea lo más fácil posible para cualquier persona, desde principiantes hasta usuarios más experimentados.
Lo más importante es que este enfoque elimina la necesidad de lidiar con la API de Google, haciendo que la integración de Google Maps en la web de tu negocio sea mucho más fácil y amigable.
Porque, creéme, crear una API y una aplicación en las herramientas de desarrolladores de Google no es una tarea sencilla. Es tediosa incluso para los profesionales que, como yo, estamos todos los días trabajando con este tipo de cosas.
La API de desarrolladores de Google ha sido durante mucho tiempo la opción predeterminada para incorporar mapas de Google en los sitios web. Sin embargo, su configuración y mantenimiento pueden resultar abrumadores para aquellos que no tienen experiencia técnica. Además, suelen requerir claves y configuraciones adicionales, lo que puede ser una barrera para muchos.
Diferencia entre mapas de Google de Elementor y mapas personalizados de Google Maps
Para entender el por qué utilizar este método que te enseño y no otro, es crucial entender la distinción entre los mapas generados por Elementor y la creación de mapas personalizados de Google Maps.
Los mapas de Google que puedes generar e implementar en la web de tu negocio que se crean con el widget por defecto de Elementor están bien si simplemente quieres mostrar la dirección o localización de tu negocio.
Pero…¿qué ocurre si quieres que en ese mapa aparezca el nombre de tu empresa o las reseñas que tus clientes han ido dejando a lo largo de tiempo en tu ficha de Google My Business?
Pues yo te lo digo: que esos mapas por defecto que implementa el widget de Google Maps de Elementor no te sirven.
Es por eso que, para publicar un mapa de este tipo en tu web, necesitas utilizar este método: para publicar directamente un mapa que ya tengas creado en tu ficha de Google My Business con los datos de tu empresa y las opiniones sobre tus servicios o productos de tus clientes.
Cómo poner un mapa de Google personalizado en tu web sin API
La joya de la corona de este artículo que estás leyendo es el método detallado para poner un mapa de Google personalizado en tu sitio web sin tener que depender de la API de desarrolladores de Google.
Este es un truco muy fácil que hace que este proceso sea accesible para todos, independientemente del maquetador web que estés utilizando, ya sea Elementor, Gutenberg, Divi u cualquier otro compatible con WordPress.
El proceso a seguir para poner Google Maps personalizados en la web de tu negocio es el siguiente:
1. Dirígete al mapa de Google que quieras añadir a tu web desde el propio buscador.
2. Una vez dentro del mapa y de su ficha correspondiente, pulsa en el botón de Compartir.
3. En la ventana emergente que te aparecerá, pulsa en la pestaña Insertar un mapa.
4. En el tamaño del mapa (la pestaña que encontrarás a la izquierda) selecciona Tamaño Personalizado. Después selecciona el tamaño de ancho y alto en píxeles de tu mapa (el que tú quieras).
5. Pulsa en el botón Copiar HTML.
6. En la página de tu web creada con Elementor que quieras insertar el mapa, añade un widget del tipo HTML.
7. Pega en el widget de Elementor el código de HTML del mapa de Google que has copiado en el punto 5.
¡Y ya está! Ya tienes tu mapa personalizado de Google implementado con el nombre de tu empresa insertado en él y las opiniones de tus clientes.
Ahora ya sabes cómo poner Google Maps en la web de tu negocio de una forma muy fácil y sencilla.
En cualquier caso, para seguir cada uno de estos puntos en detalle y aplicarlos en tu propio sitio, te invito a ver el video completo aquí o en la parte superior de este mismo artículo. La visualización te permitirá comprender cada paso y asegurarte de que tu mapa personalizado se integre sin problemas en tu sitio web.
Recuerda también que tienes a tu disposición mis servicios como diseñador web WordPress para llevar a cabo todo el trabajo de diseño y desarrollo de la web de tu negocio sin complicarte la vida ni con esta ni con otras tareas relacionadas con la creación de un sitio web profesional.
