Los 5 mejores widgets interactivos gratuitos de Google Maps para sitios web en 2022

Una de las mejores maneras de enfatizar las ubicaciones de su negocio es usar un mapa en su sitio web para que los usuarios puedan encontrar fácilmente la ruta más rápida. El widget de Google Maps es un widget tan útil para cualquier empresa que quiera agregar un widget de ubicación de mapa a un sitio.

En este artículo, encontrará los cinco mejores widgets gratuitos de Google Maps para usar en su sitio.

5 consejos a tener en cuenta al usar Google Maps en un sitio web

1. Identifique todas las ubicaciones comerciales : si su empresa tiene varias ubicaciones, asegúrese de agregarlas para que Google Maps sugiera el sitio más cercano en función de la ubicación del usuario. La mayoría de los widgets de Google Maps que se enumeran a continuación lo admiten.
2. Incrustar en ubicaciones adecuadas : algunos complementos de Google Maps para sitios web pueden causar la velocidad de carga del sitio. Por lo tanto, insértelo solo en lugares adecuados, como la "página de contacto" de su sitio. Además, puede probar el uso de un servicio como Google Tag Manager o Zaraz de Cloudflare para cargar el script del widget de Google Maps de forma asincrónica para averiguar el impacto en la velocidad de la página.
3. Establezca controles de mapa : haga que los widgets de Google Maps sean fáciles de usar habilitando controles de mapa como tipos de mapa (hoja de ruta, satélite, terreno), zoom, escala, rotación, pantalla completa y más.
4. Prueba A/B: pruebe diferentes colores de mapas, ubicaciones de widgets, etc., para determinar el rendimiento.
5. Use otros elementos que aumenten la conversión : suponga que ha configurado el perfil de Google My Business de su empresa. Entonces, ¿por qué no insertar Google Reviews en el sitio web?

Los mejores widgets de Google Maps para su sitio web

Nota : es posible que deba crear una API para Google Maps en su plataforma Google Cloud, lo que puede costar según su uso.

Widget de Google Maps de ElfSight

ElfSight es un servicio popular que proporciona diferentes complementos para sitios web como Calendario de eventos con botón CTA, reseñas de Yelp, estadísticas de coronavirus, reproductor de audio y control deslizante de testimonios.

Su widget de Google Maps está repleto de muchas funciones y le permite crear sin problemas widgets de Google Maps receptivos personalizados para su sitio web.

Características clave

• Facilite el acceso a su empresa con información de contacto detallada : el widget de Google Maps de ElfSight le permite mostrar diferentes tipos de información de contacto en el mapa: agregue marcadores y muestre el máximo de detalles en sus ventanas de información, incluido el teléfono, la dirección, el horario de apertura y más ; une todas tus ubicaciones en una sola lista en el panel Ubicación para una vista fácil de usar.
• Búsqueda automática de rutas y cálculo de tiempo : los visitantes de su sitio web podrán ver la ruta a pie o en automóvil más eficiente y el cálculo de la ruta en el panel de indicaciones sin salir de su página.
• Cinco capas de mapa : PDI (Puntos de interés) (una entidad geográfica dedicada, como un hito, un instituto, un sitio patrimonial o una oficina corporativa), Traffic, Transit, Bike y Street View. Puede habilitar todos los elementos en un mapa.
• Múltiples ubicaciones y más de 50 íconos : agregue una cantidad ilimitada de marcadores a su mapa: tiendas, restaurantes, lugares públicos y parques: elija de una biblioteca de más de 50 categorías, cada una con su ícono.
• Controles de mapa: el widget de mapa de direcciones de ElfSight Google le permite habilitar controles como el tipo de mapa (satélite, terreno, hoja de ruta), Streetview, zoom, escala, etc.
• Estilos personalizados de Google Maps (JSON) : hay cuatro estilos integrados (predeterminado, plateado, nocturno, retro) y puede crear un mapa de color personalizado o agregar uno usando JSON. Puede crear un estilo personalizado de Google Maps a través de Google Data Studio (aquí hay un tutorial) o Snazzymaps.
• Acciones al hacer clic en el marcador : abrir la ventana de información (un panel que contiene los detalles que especifique), redirigir a la URL (mejor para dirigir a los usuarios a las páginas apropiadas, como la página de reserva o registro), ninguna (no pasará nada)
• Animaciones : llame la atención de los lectores con animaciones de marcadores.
• Incrustar en cualquier sitio : no importa si usa WordPress, Google Sites, Blogger, Brizy, Weebly, Wix, Webflow, Squarespace, Clickfunnels o cualquier sitio HTML, puede instalar fácilmente el widget de ubicación de Google Maps colocando el fragmento de código.
• Estadísticas y control del sitio : descubra cuántas vistas ha recibido cada widget y en qué sitios se incrustaron los widgets. Puede bloquear sitios desde su panel de ElfSight fácilmente: una excelente opción para las agencias.

Aquí hay un video sobre el uso de ElfSight para crear un widget de Google Maps para el sitio web.

Generador de widgets de Google Maps

Cree su propio widget de mapa de Google a continuación.

Precios

ElfSight tiene dos modelos de precios. Precio de aplicación única y precio de todas las aplicaciones. El precio del complemento de Google Maps solo se muestra a continuación.

• Lite – GRATIS – 1 sitio web, 200 visitas por mes, logotipo de ElfSight
• Básico - $ 5 / mes - Sitios web ilimitados, 5,000 visitas por mes, sin logotipo de ElfSifght
• Pro - $ 10 / mes - Sitios web ilimitados, 50,000 visitas por mes, sin logotipo de ElfSifght
• Empresa - $ 25 / mes - Sitios web ilimitados, 5,000,000 de visitas por mes, sin logotipo de ElfSifght

Todos los paquetes de aplicaciones incluyen el widget de Google Maps y más de 40 aplicaciones, como el widget de reseñas todo en uno. Los detalles de precios se muestran a continuación.

Haga clic aquí para probar el widget de Google Maps de ElfSight.

Complemento Power Maps

Powr es un sitio como ElfSight que proporciona potentes complementos para actualizar un sitio. Actualmente, hay más de 40 aplicaciones diferentes en la biblioteca de aplicaciones de Powr. El reloj de cuenta regresiva para correos electrónicos, el creador de tablas de precios y el temporizador de cuenta regresiva son algunos de ellos.

Como la mayoría de las aplicaciones de Powr, el complemento de Powr Maps tiene muchas funciones y, a diferencia del widget de Google Maps de ElfSight, Powr no requiere una clave API de Google Maps .

Características clave

• Dos proveedores de mapas : Open Street Map o Google Maps.
• Hasta 5 pines de ubicación : señale hasta 5 ubicaciones en su widget de Google Maps.
• Mapas interactivos para cualquier ubicación : los usuarios podrán hacer zoom, escalar, cambiar el tipo de mapa, etc., directamente desde su sitio.
• Panel de ubicación para una navegación rápida : enumere todas las ubicaciones que desea resaltar, y las personas pueden hacer clic en cada elemento y ver la ubicación exacta, la distancia y la ruta desde su ubicación actual.
• Nueve estilos de visualización únicos : ajuste el estilo del widget para que resuene con el tema de su sitio web.
• Admite texto en cualquier idioma : localice el widget con textos personalizados
• Fuentes, colores, fondos personalizados y más : seleccione entre más de 10 fuentes diferentes, cambie el tamaño de fuente, los colores del texto y más.
• Personalizar el tamaño del widget : ajuste el ancho del widget.
• CSS personalizado : Powr le permite diseñar el complemento de Google Maps con CSS personalizado.
• JavaScript personalizado : ejecute códigos JavaScript cuando el complemento se carga en un sitio.
• Instalar en cualquier plataforma : inserte fácilmente el complemento de ubicación de Google Maps en cualquier plataforma copiando y pegando el fragmento de código HTML.

Aquí se explica cómo crear un widget gratuito de Google Maps para un sitio web con el complemento Powr Maps.

Manifestación

Precios

El complemento de Google Maps de Powr es gratuito. Sin embargo, es posible que deba actualizar a un plan pago para usar funciones adicionales, como la importación masiva de ubicaciones a través de CSV y mostrar la ubicación más cercana.

• Gratis : 5 ubicaciones, marca Powr en el widget
• Básico: $ 5.49 / mes : 10 ubicaciones, barra de búsqueda, pin personalizado, visualización de la ubicación más cercana, marca No Powr
• Pro: $ 13.49 / mes : 50 ubicaciones, barra de búsqueda, pin personalizado, CSS y JS personalizados, mostrar la ubicación más cercana, importación masiva a través de CSV, marca No Powr
• Negocios: $ 89.99 / mes : ubicaciones ilimitadas, barra de búsqueda, pin personalizado, CSS y JS personalizados, visualización de la ubicación más cercana, importación masiva a través de CSV, marca No Powr

Haga clic aquí para probar el complemento Powr Map.

Mapas de WP

En caso de que esté utilizando WordPress para potenciar su sitio y esté buscando un complemento de mapas, WP Maps by flippercode es excelente con toneladas de funciones y opciones personalizables.

Características clave

• Mapas y ubicaciones ilimitados: fije ubicaciones ilimitadas con diversa información en mapas ilimitados.
• Personaliza marcadores : asigna tus propios marcadores a categorías o elige marcadores de colores entre más de 500 marcadores listos para usar de la colección Maps Icon.
• Cuatro tipos de mapas : Hoja de ruta, Satélite, Híbrido, Terreno
• Vista de la calle : habilite la vista de la calle, el encabezado Pov (punto de vista) y el tono de punto de vista para la vista de la calle.
• Estilización de mapas : Google Maps personalizados de Snazzymaps.com.
• Control de búsqueda en el mapa frontend para buscar la ubicación
• Soporte multilingüe, funcionalidad de imágenes de 45° y más.

WP Maps es un complemento de mapas gratuito para WordPress. Su versión de pago (PRO) incluye más funciones, como la importación/exportación de ubicaciones, sugerencias de dirección y ruta para los visitantes y soporte multisitio.

Mapas elegantes

Snazzy Maps es un servicio en línea que le permite generar elegantes widgets de Google Maps en línea de forma gratuita. Todos los estilos tienen licencia Creative Commons y son de uso completamente gratuito.

Características clave

• Biblioteca de estilos : hay miles de estilos de widgets de mapas de Google, cada uno con una puntuación favorita basada en la elección de las personas. Puede explorar miles de estilos, obtener sus códigos JSON y utilizar los estilos al crear widgets de mapas de Google integrados.
• Cree sus propios estilos de widgets de mapas de Google : el proceso paso a paso facilita la creación de su propio estilo.
• Cree un mapa : use un estilo de mapa, establezca el tamaño y las ubicaciones de los widgets, agregue marcadores, personalice el idioma, los controles y la configuración de comportamiento, y genere código fuente para Google Map.
• Complementos : use el complemento de WordPress para crear e instalar Google Maps dentro de su sitio de WordPress.

SnazzyMaps es un sitio web gratuito que le permite explorar estilos de widgets de mapas de Google, crear sus propios estilos y generar código de mapas de Google incrustable para el sitio web.

Haga clic aquí para probar SnazzyMaps.

Complemento de mapas de WordPress para Google Maps

Si está utilizando WordPress para potenciar su sitio y está buscando un complemento de mapas, el complemento de widget de Google Maps de WebFactory Ltd es excelente.

Características clave

• Tamaño de mapa de Google personalizado
• Elija cualquier tipo de mapa de Google: mapa de carreteras, mapa satelital, mapa del terreno, mapa híbrido.
• Esquemas de color del mapa de Google
• Tipo de enlace: mapa de lightbox, URL personalizada
• Controlar el nivel de zoom
• Configure el idioma del mapa de Google, el ícono de pin personalizado, los códigos cortos para incrustar el mapa de Google en cualquier lugar de su sitio de WordPress y más.

WebFactory LTD proporciona otro complemento llamado "Bloque de mapas para Google Maps" para el editor de bloques de Gutenberg.

El complemento es gratuito. Hay una versión Pro que incluye más funciones.

Palabras finales sobre los mejores widgets de Google Maps para sitios web

El uso de los widgets correctos en los lugares correctos puede convertir campañas de bajo rendimiento en rentables. Nuestros artículos anteriores compartieron cómo agregar un botón de PayPal Pay personalizado al sitio web, widgets de temporizador de cuenta regresiva para sitios web, etc., para mejorar las tasas de conversión de sus sitios. Asimismo, el uso de un widget de Google Maps en un sitio web es especialmente útil para las empresas locales e internacionales.

Personalmente, recomiendo usar un servicio como ElfSight y Powr, ya que ofrecen más tipos de widgets que serán útiles en el futuro. Consulte esta revisión de ElfSight vs. Powr para conocer las diferencias clave, los pros y los contras, etc.