¿Está buscando una manera de incrustar Google Maps en WordPress? Es una buena habilidad: usar un mapa es una herramienta visual increíble que te permite transmitir rápidamente todo tipo de información.
Si es un negocio, puede usarlo para mostrar a los clientes potenciales dónde se encuentra. O, si es un bloguero, puede usarlo para mostrar los lugares que sus lectores pueden visitar.
Pero solo puede hacer esto si sabe cómo agregar Google Maps a WordPress. Para ayudarte con esto, te mostraré dos métodos diferentes:
- Cómo agregar Google Maps a WordPress sin enchufe
- Cómo agregar Google Maps a WordPress usando el complemento de WordPress gratuito más popular
Finalmente, recomendaré algunas opciones adicionales de complementos que ofrecen varios ajustes que pueden adaptarse mejor a sus necesidades.
¿Suena bien? ¡Vamos a sumergirnos!
¿Cómo incrustar mapas de Google en WordPress sin un complemento?
Comenzaré con una guía rápida sobre cómo agregar Google Maps a WordPress sin un complemento.
Este método es bueno si solo desea incrustar un único marcador de ubicación o un conjunto de sugerencias. O puede usar Google My Maps para crear su propio mapa personalizado con muchas más funciones. Más adelante, le mostraré un complemento para ayudarlo a hacer algo similar directamente desde su panel de control de Google.
Pero por ahora, ¡sigamos con el método manual!
Aquí se explica cómo usar Google Maps en WordPress en naturaleza (sin enchufe).
Paso 1: Cree el mapa que desea incrustar (2 opciones)
A continuación, analizaré dos opciones para crear el mapa que está colocando. Para ambas opciones, recibirá un código de inserción que utilizará en el siguiente paso.
1.A: Use la incrustación estándar de Google Maps
Si solo desea incrustar un mapa estándar de Google Maps que ve en un sitio web normal de Google Maps, todo lo que necesita hacer es:
- Abra el mapa (o las direcciones) que desea colocar utilizando la interfaz normal de Google Maps
- haga clic aquí Para compartir
- Elegir Insertar el mapa
- Copie el código insertado (lo usarás en el siguiente paso)
1.B: Use Google My Maps para crear un mapa
Si desea crear un mapa más avanzado con cosas como:
- Múltiples etiquetas de ubicación
- Notas personalizadas que agregas
- tus propios colores
Entonces puedes usar Google Mis mapas en lugar de la interfaz habitual de Google Maps.
Esta es la herramienta que usé para mapear los bares en la azotea en Hanoi en mi sitio de viajes (usted Puedo verlo en acción aquí):
Para usar Google My Maps, haga clic en Crear un nuevo mapa botón después de iniciar sesión:
Luego construye tu mapa con una interfaz (la que el video tiene un buen tutorial en las distintas opciones de la interfaz si necesita ayuda).
Después de construir el mapa, haga clic en Para compartir y luego al lado Privado: solo usted tiene acceso, haga clic aquí Cambio botón:
Luego seleccione Habilitado – Público en la red y haga clic Rescate:
Después de que el mapa se haga público, haga clic en el botón con los tres puntos y seleccione poner en mi sitio:
A continuación, copie el código de inserción, ya que lo necesitará en el siguiente paso:
Paso 2: Agrega el código a tu sitio de WordPress
Ahora que tiene el código de inserción en su lugar, desde la interfaz normal de Google Maps o My Maps, edite la publicación o la página donde desea insertar el mapa.
Luego seleccione Texto en su editor de WordPress y pegue el código de inserción:
¡Y eso es todo! Cuando publique o actualice su publicación, debería ver cómo se coloca su Google Maps allí:
¿Cómo crear incrustaciones personalizadas de Google Maps con un complemento de WordPress?
Los métodos anteriores son adecuados para Google Maps integrado básico. Pero a veces quieres ser un poco más creativo. En este caso, es posible que desee utilizar el complemento de Google Maps.
Los complementos de Google Maps son geniales porque, además de permitirle crear su propio Google Maps personalizado, también le permiten realizar actividades específicas de WordPress como:
- Muestre publicaciones o tipos de publicaciones personalizadas en su mapa con campos personalizados
- Crear un localizador de tiendas filtrable
Y dado que estos complementos usan hashes en lugar de iframes (como el código de inserción manual en Google Maps), son un poco más fáciles de usar (es decir, no tendrás que usar Texto pestaña en el editor de WordPress).
Le mostraré un tutorial usando el complemento gratuito de Google Maps más popular: Mapas de Google WP.
Para comenzar a usar este tutorial, asegúrese de tener instalado y activado WP Google Maps.
Paso 1: Cree e ingrese una clave API de Google Maps
Independientemente del complemento de Google Maps que utilice, es siempre este será el primer paso ya que Google requiere que obtenga algo llamado «clave API» para trabajar con Google Maps.
Básicamente, esta clave de API gratuita permite que el complemento seleccionado se conecte al servicio de Google Maps para ayudarlo a crear un mapa.
Para crear una clave API, puede mira el video con instrucciones detalladas del complemento.
Después de recibir la clave API, introdúzcala en el cuadro y haga clic en Rescate:
Paso 2: Editar mi primer mapa
La versión gratuita de este complemento solo le permite crear un mapa personalizado. Para crear tu primer mapa tienes que hacer clic Editar por debajo Mi primer mapa:
Esto iniciará la interfaz del editor.
Paso 3: Configure los ajustes básicos
Verá varias pestañas diferentes en la parte superior de la interfaz del editor de mapas. Estas pestañas le permiten configurar los ajustes básicos del mapa:
- Ajustes principales – altura, ancho, alineación y tipo de mapa (por ejemplo, mapa de carreteras vs satélite)
- Temas – le permite elegir entre 9 temas de mapas incluidos. Básicamente cambian el estilo del mapa.
- Puntas – desafortunadamente, los consejos solo se pueden usar en la versión Pro.
- Encuentra una tienda – Esta característica interesante permite a los visitantes buscar la tienda más cercana, lo cual es útil si tiene un negocio con una ubicación física.
- Ajustes avanzados – le permite habilitar los datos de tráfico y otras funciones, aunque muchas de ellas solo están disponibles en la versión Pro.
Después de configurar estos ajustes, estará listo para trabajar en el mapa.
Paso 4: agregue marcadores y otros elementos del mapa
Debajo de la configuración básica, puede comenzar a agregar elementos a su mapa usando cinco pestañas diferentes.
Para agregar marcadortu también puedes:
- Buscar una ubicación en el cuadro
- Haga clic derecho en cualquier parte del mapa para colocar un marcador en esa ubicación específica
Cuando guardes tu marcador, aparecerá en el mapa y podrás añadir otro.
También puede ver una lista completa de sus etiquetas y editar etiquetas existentes en tus marcadores Sección:
en Polígono y Polilíneas puede iniciar una interfaz que le permita crear un conjunto de formas más complejo:
Cuando haya terminado de agregar elementos de mapa, haga clic en Guarda el mapa.
Paso 5: incrusta tu mapa con un acceso directo
Después de guardar el mapa:
- haga clic aquí mapas en la barra lateral de tu panel de WordPress
- Copie el código abreviado en su mapa
- Agrega el shortcode donde quieras que aparezca el mapa
Otros complementos de Google Maps de alta calidad para WordPress
Si bien el complemento WP Google Maps anterior es, con mucho, el complemento de WordPress Google Maps más popular, la mayoría de las funciones más interesantes están bloqueadas detrás de la versión Pro, lo cual es un poco desafortunado.
Si está buscando otras opciones, aquí hay algunas buenas:
- Complemento WP Google Map – le permite asignar sus propios iconos de etiquetas incluso en la versión gratuita. La versión Pro le permite mostrar publicaciones / tipos de publicaciones personalizadas en mapas usando campos personalizados.
- Widget de mapas de Google – una solución agradable y liviana que facilita comenzar a trabajar con el mapa rápidamente.
- Creador de mapas – Creo que este tiene el creador de mapas más fácil de usar, un Publicar mashup la función de la versión Pro le permite completar automáticamente el mapa en función de las publicaciones en su sitio.
Por ejemplo, aquí hay un vistazo a la interfaz del creador de mapas a pantalla completa del complemento Maps Builder:
Todos estos complementos son bastante similares. Entonces, una vez que descubras cómo crear una clave API y comprendas la interfaz básica, deberías poder elegir un nuevo complemento rápidamente.
Reflexiones finales sobre Google Maps y WordPress
Si solo desea crear algunas incrustaciones básicas de Google Maps y no necesita combinarlas con ninguna característica específica de WordPress, como el localizador de tiendas o publicaciones reales, creo que es mejor usar el método manual.
Entre la interfaz normal de Google Maps y My Google Maps, tiene mucha flexibilidad para crear mapas. Luego puede incrustarlos en cualquier lugar con el código iframe.
si tu hacer necesita funciones específicas de WordPress o si prefiere trabajar desde su panel de control de WordPress, todos los complementos que enumeré son opciones de calidad. Para elegir entre ellos, considere los siguientes hechos:
- Cada complemento ofrece un conjunto diferente de funciones gratuitas (en comparación con la versión Pro), por lo que puede encontrar uno que haga lo que necesita de forma gratuita.
- Algunos complementos son más adecuados para los localizadores de tiendas, mientras que otros muestran mejor las publicaciones en los mapas.
Finalmente, algunos temas y complementos de WordPress incluyen una funcionalidad de mapa incorporada. Por ejemplo, el tema Consulta proporciona una manera fácil de mostrar su ubicación en el mapa. Muchos creadores de sitios web de WordPress también vienen con módulos de mapas dedicados.