Cómo integrar Google Maps en WordPress

La mejor manera de dar a sus lectores direcciones a una ubicación específica es usar Google Maps. Podrías simplemente darles la dirección, pero Google Maps les da mucha más información. Google Maps es especialmente importante si tienes un negocio con una ubicación física o quieres mostrar información sobre un evento. No importa cuál sea el propósito de su mapa, puede adaptar el mapa a sus necesidades.

Estas son algunas de las muchas ventajas de agregar Google Maps a su sitio web de WordPress:

• Permita que los lectores obtengan indicaciones para llegar a su ubicación
• Muestra tu ubicación en Street View
• Muestra imágenes
• Muestra varias ubicaciones para ayudar a los lectores a decidir cuál de sus ubicaciones desean visitar
• Da las condiciones de tráfico actuales
• Muestra cerradores de caminos
• Muestra las condiciones climáticas
• Muestra cuánto tardará en llegar
• Muestra el mapa en varios tipos de viaje: vista de carretera, ciclismo, vista del terreno o una vista híbrida
• Ayuda a mejorar tu SEO local
• Las instrucciones se pueden imprimir para que las utilicen sus visitantes.
• Mantiene a sus lectores en su sitio

Google Maps es fácil de integrar en WordPress y fácil de usar y navegar para los usuarios. Integrar Google Maps es gratis y fácil usando complementos. Por supuesto, por una pequeña tarifa puede agregar muchas funciones adicionales. Los mapas también se pueden agregar a su sitio manualmente. Aquí hay un vistazo a algunas formas de agregar Google Maps a su sitio web de WordPress.

Agregar Google Maps a su sitio de WordPress manualmente

Puede incrustar fácilmente un mapa en sus publicaciones a mano. Vaya a Google Maps e ingrese la dirección que desea y elija su nivel de zoom. En el menú, seleccione Compartir o incrustar mapa, elija Incrustar y copie y pegue el código en su publicación en la pestaña del editor de texto. El mapa está incrustado como un iFrame. Luego, los usuarios pueden obtener indicaciones para llegar a la ubicación que ha establecido en el mapa.

Interactuar con el mapa incrustado es difícil. Los usuarios pueden moverse y hacer zoom, pero cuando hacen clic para obtener direcciones, son llevados a Google Maps. Si regresan a su sitio, es posible que solo vean el mapa sin la opción de obtener direcciones o cualquier otra información. Cuando probé esto, mi única opción era ver el mapa más grande en Google. Esto funciona, pero si desea más funciones, necesita un complemento.

Agregar Google Maps a su sitio de WordPress usando complementos

Hay muchos complementos que integrarán Google Maps en su sitio web de WordPress. Esto permitirá a los usuarios obtener la información que necesitan sin salir de su sitio. Muchos de ellos tienen las características básicas, pero hay algunos que agregan algo único. Instalé varios y les di una prueba de manejo. Aquí hay un vistazo a los mejores complementos y las fortalezas de cada uno. La mayoría de los complementos tienen funciones básicas y se pueden ampliar como una edición profesional.

WP Google Maps

Este es el complemento de Google Maps más popular con más de 200 000 instalaciones activas y una calificación de 4.3/5. Puede colocar mapas en publicaciones, páginas o widgets usando un código abreviado sin crear iFrames. Los mapas son responsivos. Tiene marcadores ilimitados con animaciones, admite Street View, múltiples tipos de mapas (hoja de ruta, terreno, satélite e híbrido), rutas, polígonos, polilíneas y mucho más.

Agregar mapas es fácil. Haga clic para agregar un nuevo mapa, asígnele un nombre, configure el tamaño, el nivel de zoom, la alineación y el tipo, configure la dirección, los marcadores y cualquier otra configuración que desee y luego guárdelo. Luego copia y pega el shortcode donde quieras tu mapa.

La edición profesional cuesta $ 19.99 y le permite crear múltiples mapas, permite a los visitantes obtener direcciones a sus marcadores, agrega descripciones y categorías, íconos de múltiples marcadores, múltiples polígonos y polilíneas, muestra la ubicación del visitante y mucho más.

Es fácil ver por qué este es tan popular. Tiene la mayoría de las características que cualquier persona necesitaría y no es muy difícil de configurar. Los mapas se ven geniales y son fáciles de usar para los lectores.

MapPress Fácil Google Maps

Este complemento crea un mapa interactivo con instrucciones de manejo y marcadores HTML personalizados. Los marcadores pueden ser imágenes, enlaces, etc. Puede crear varios mapas en una sola publicación. Puede agregar marcadores para cualquier dirección, arrastrar marcadores a cualquier ubicación que desee o colocar ubicaciones de latitud y longitud. Es compatible con Street View. Incluso da las condiciones del tráfico en tiempo real. Incluso puede usar ID de código abreviado para elegir qué mapa y configuración mostrar. Si te gusta programar, hay una API de programación para que puedas crear tu propio complemento de mapa.

Configurarlo es simple. Usted selecciona los tipos de publicaciones en las que se mostrará el mapa, dónde se mostrará dentro de la publicación y cómo funcionan las indicaciones. Usted ajusta los controles del mapa, la alineación, los puntos de interés, la localización, el tamaño, etc. Incluso puede instalar su propio CSS para diseñarlo y que coincida con su sitio web.

La versión Pro cuesta $29,95 para 3 sitios y $49,95 para sitios ilimitados. Ambos incluyen un año de actualizaciones y soporte. Las características adicionales incluyen marcadores personalizados, mapas combinados, widgets, listas, mapas generados a partir de campos personalizados, sin vínculos de retroceso a MapPress y más.

Este tiene muchas características, pero no está atascado con la configuración. Es simplemente simple. También me gusta que tenga iconos personalizados. Puede colocar imágenes como marcadores.

Marcador de mapas de folletos

Este funciona para ser el complemento más completo para Google Maps. Le permite mostrar ubicaciones e indicaciones en cualquier página o publicación. Tendrás tu propio código Geo-CMS individual. Tiene más de 1000 íconos y marcadores y puede establecer una descripción emergente para los marcadores y organizarlos en capas. Los mapas se colocan con un shortcode. Los mapas se pueden exportar.

Puede ajustar el nivel de zoom, el tamaño, etc. Utiliza mapas de varias fuentes, incluidos Google Maps (que muestra carreteras, terreno, satélite e híbridos), Bing (que muestra carreteras, antenas y antenas + etiquetas), Open Street Map, Mapbox (que muestra carreteras y satélites) y cualquier mapa WMTS personalizado que desee.

También hay una edición Premium que comienza en 29 euros que usa HTML5, muestra pistas GPX, usa geolocalización, minimapas, usa códigos QR, se integra con GeoJSON y mucho más.

Para usarlo, simplemente cree un marcador seleccionando Agregar nuevo marcador, asígnele un nombre e ingrese la dirección, guárdelo y luego copie y pegue el código abreviado que le brinda en cualquier publicación o página. Si tiene la edición Pro, puede ajustar el tamaño y agregar una capa si lo desea. También agrega un botón en el editor visual para que pueda elegir sus mapas desde allí. Este es definitivamente uno de los complementos con más funciones para Google Maps. Se ve muy bien y es fácil de usar.

Widget de mapas de Google

Este coloca un mapa de Google en un widget que abrirá el mapa en una ventana de caja de luz más grande cuando haga clic en él. También puede mostrar el mapa en cualquier página, publicación o tipo de publicación personalizada.

Todas las configuraciones se realizan dentro del widget. Puede elegir el tamaño y el tipo (carretera, terreno o híbrido) para el mapa. Puede usar el pin predeterminado o especificar una URL para un pin personalizado. Puede elegir entre varios esquemas de color personalizados gratuitos. Cree texto arriba y debajo del mapa. Tiene la misma configuración para la caja de luz que se establece independientemente del widget normal.

El soporte premium cuesta $19. Puede desbloquear funciones premium de forma gratuita simplemente suscribiéndose a su lista de correo. Las características desbloqueadas incluyen compatibilidad con shortcode, 3 máscaras de mapas en miniatura y 2 máscaras de lightbox.

Para usar este, arrastre y suelte el widget donde lo desee y escriba la dirección tanto en el widget normal como en las pestañas de la caja de luz. Eso es todo lo que necesita hacer a menos que desee personalizar el widget.

Me gusta que muestra el mapa en un widget más pequeño y luego se abre en una caja de luz más grande cuando se hace clic. Esto permite que el mapa esté en cada página o publicación que muestra la barra lateral y permanece fuera del camino hasta que los lectores lo deseen. Otra cosa que me gusta de este es que puedes colocar tantos widgets como quieras para poder mostrar varios mapas.

Complemento de mapas de Google WP

La edición gratuita de este le permite crear ubicaciones y mapas ilimitados, y mostrarlos en páginas, publicaciones y widgets usando códigos abreviados. Puede elegir entre 500 marcadores o crear los suyos propios. Mostrará carretera, terreno, satélite e híbrido. Es receptivo. Mostrará las condiciones del tráfico en tiempo real utilizando la capa de tráfico. Mostrará rutas en bicicleta utilizando la capa de bicicletas.

Para crear una ubicación, simplemente nómbrala, dale una dirección (también puedes usar un código geográfico o longitud y latitud), escribe un mensaje y elige una imagen de marcador. Para crear un mapa, le asigna un nombre, establece la altura, elige el nivel de zoom, escribe, elige una ubicación que ya haya creado, elige una capa, elige algunas configuraciones y listo. Ahora simplemente vaya a su lista de mapas (en Administrar mapas) y copie el código abreviado para pegarlo en su contenido. Puedes editar cualquiera de los mapas que quieras.

La edición Pro comienza en $ 17 y agrega muchas características nuevas. Puede definir superposiciones con una interfaz integrada, diseñar sus propias máscaras, desactivar carreteras, lugares y agua, mostrar polígonos y polilíneas con opciones personalizables, integración de Contact Form 7, filtrar por ubicación y mucho más.

Hay muchas características que puede administrar en el tablero. Puedes ignorarlos si quieres. Puede crear y administrar ubicaciones, mapas y grupos de marcadores. También puede establecer el nivel de zoom, la panorámica, la escala y puede desactivar la vista general y Street View para cada mapa individualmente. No está claro dónde encontrar los códigos cortos. Los encontré ubicados en la pestaña Administrar mapas.

CP Google Maps

Este le permite agregar Google Maps de forma natural a sus publicaciones colocando información de geolocalización dentro de las propias publicaciones. También muestra marcadores de publicaciones dentro de categorías similares. Puede elegir cuántos marcadores se muestran. Cuando los lectores pasen el mouse sobre un marcador, se resaltará el artículo al que pertenece. Hay muchas opciones de personalización. Por ejemplo, puede personalizar los marcadores, los niveles de zoom, el tamaño del mapa, el tipo de mapa, el idioma, la ubicación dentro de la publicación y mucho más.

Tiene más configuraciones que la mayoría, pero sigue siendo fácil de usar y puede ignorar la mayoría de las configuraciones si desea usar las predeterminadas. La edición gratuita le permite ajustar el tamaño y el zoom del mapa, el tipo, el idioma, permitir o no arrastrar, mostrar burbujas de información y mostrar una imagen destacada. También puede elegir la información de la publicación, como cuántas publicaciones relacionadas se mostrarán y los tipos de opciones que se mostrarán.

Hay dos ediciones Premium disponibles. La primera es la versión Profesional por $19.99 que le permite cargar todos los puntos en una categoría, publicación o etiqueta específica, dibujar formas y rutas, crear una leyenda, mostrar enlaces, mostrar varios mapas, permitir el estilo, mostrar la ubicación del usuario, generar puntos dinámicos basados ​​en datos de imágenes e información de geolocalización, y mucho más.

También hay una versión para desarrolladores por $49.99 que le permite diseñar un formulario de contacto asociado con los puntos, asocia direcciones de correo electrónico a puntos, envía correos electrónicos basados ​​en esas asociaciones, usa imágenes asociadas con un punto, permite importar y exportar CSV y más.

Se agrega una nueva sección debajo del editor visual. Esto le permite crear y agregar mapas a publicaciones y páginas. Una vez que haya realizado todas las configuraciones, puede agregar el mapa a la publicación haciendo clic en un botón para insertar la etiqueta del mapa. La etiqueta hace referencia a esa publicación específica, por lo que no puede copiar códigos cortos, pero puede copiar la ubicación si desea crear el mismo mapa en una nueva publicación. Todas las demás configuraciones deberán configurarse para cada mapa individualmente a menos que desee mantener la configuración predeterminada.

Lista de mapas Pro

Este complemento premium le permite mostrar sus ubicaciones en una lista paginada, clasificable, buscable y filtrable. Los usuarios pueden buscar por texto y ubicación. Es excelente para crear localizadores de tiendas, direcciones y listas de contactos. Tiene 35 estilos que son personalizables. Puede crear ubicaciones categorizadas, marcadores e íconos personalizados, agregar imágenes destacadas, agregar formularios de búsqueda a otras páginas, cambiar las posiciones del mapa, mostrar solo el mapa o mostrar solo la lista, mostrar marcadores agrupados y mucho más. Todas las funciones y configuraciones se pueden activar o desactivar.

Los precios comienzan en $19.

Pensamientos finales

Todos estos complementos son fáciles de configurar y usar. Entre ellos seguro que encuentras la combinación de funciones que necesitas. Prácticamente todos ellos tienen una edición profesional que no cuesta tanto, por lo que no romperá el banco para obtener una o dos funciones que no están disponibles en las ediciones gratuitas. Se ven geniales, son fáciles de usar y brindan a sus lectores la información que necesitan sin salir de su sitio web.

¿Y usted? ¿Ha integrado Google Maps en su sitio web de WordPress? ¿Utilizó uno de estos complementos, un complemento diferente o utilizó un método diferente? Cuéntanoslo en los comentarios a continuación.