Cómo incrustar Google Maps en WordPress: con o sin un complemento

Cómo incrustar Google Maps en WordPress: con o sin un complemento

¿Está buscando una forma de incrustar Google Maps en WordPress? Es una buena habilidad usar un mapa, es una gran herramienta visual que le permite comunicar rápidamente una amplia gama de información.

Si tiene una empresa, puede usarlo para mostrarles a los clientes potenciales dónde se encuentra. O, si es un blogger, puede usarlo para mostrar lugares para que sus lectores los revisen.

Pero solo puede hacer estas cosas 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 plugin
  • Cómo agregar Google Maps a WordPress con el plugin gratuito de WordPress más popular

Luego, al final, recomendaré algunas opciones de complementos más que ofrecen algunos ajustes diferentes que pueden adaptarse mejor a sus necesidades.

¿Suena bien? ¡Vamos a profundizar en!

Cómo incrustar Google Maps en WordPress sin un complemento

Comenzaré con una guía rápida sobre cómo agregar Google Maps en WordPress sin un complemento.

Este método es bueno cuando solo desea insertar un único marcador de ubicación o indicaciones. También puede utilizar Google My Maps para crear su propio mapa personalizado con muchas más funciones. Más tarde, le mostraré un complemento que le permite hacer algo similar directamente en su panel de Google.

¡Pero sigamos con el método manual por ahora!

Cómo usar Google Maps en WordPress en la naturaleza (sin complemento).

Paso 1: crea la tarjeta que deseas incrustar (2 opciones)

A continuación, repaso las dos opciones para crear la tarjeta que está incrustando. Cualquiera de las opciones le dará un código de inserción que utilizará en el siguiente paso.

1.A: utilice una inserción estándar de Google Maps

Si solo desea incrustar un mapa estándar de Google Maps que ve en el sitio web normal de Google Maps, todo lo que tiene que hacer es:

  • Abra el mapa (o las direcciones) que desea incrustar utilizando la interfaz de usuario normal de Google Maps
  • Haga clic en Cuota
  • Elegir Insertar la tarjeta
  • Copie el código de inserción (Usarás esto en el siguiente paso.)

Aquí se explica cómo incrustar Google Maps en WordPress usando la interfaz de usuario normal

1.B: use Google My Maps para crear su mapa

Si desea crear un mapa avanzado, p. Ej. B .:

  • Múltiples marcadores de ubicación
  • Notas personalizadas que agregas
  • Tus propios colores

Luego, puede usar Google My Maps en lugar de la interfaz normal de Google Maps.

Esta es la herramienta que utilicé para crear un mapa de bares en las azoteas de Hanoi en mi sitio de viajes (puedes verlos en acción aquí):

un ejemplo para google mis mapas

Para utilizar Google My Maps, haga clic en el Crea una nueva tarjeta Botón después de iniciar sesión:

¿Cómo creo un nuevo Google My Maps?

Luego cree su tarjeta con la interfaz (este video tiene una buena guía de las diversas opciones de interfaz si necesita ayuda).

Cuando haya creado su mapa, haga clic en Cuota y luego al lado de Privado: solo tú puedes acceder presione el cambiar Botón:

cómo incrustar mis mapas de Google

Entonces escoge Activado: público en la Web y haga clic en Guardar en la computadora:

publicar

Una vez que haya hecho pública su tarjeta, haga clic en el botón de tres puntos y elija Incrustar de mi lado:

Generar código de inserción

Luego copie el código de inserción, ya que lo necesitará en el siguiente paso:

Insertar código google my maps

Paso 2: agregue el código de inserción a su sitio de WordPress

Una vez que haya recibido su código de inserción a través de la IU normal de Google Maps o Google My Maps, edite la publicación o la página donde desea insertar su mapa.

Entonces elige el texto Pestaña en el editor de WordPress y pega el código de inserción:

¿Dónde puedo pegar el código de inserción de Google Maps en WordPress?

¡Y eso es! Cuando publique o actualice su publicación, debería ver su Google Maps incrustado allí mismo:

Insertar Google Maps en el sitio web

Cómo crear incrustaciones personalizadas de Google Maps usando un complemento de WordPress

Los métodos anteriores son buenos para incrustaciones básicas de Google Maps. Pero a veces quieres ser un poco más creativo. En este caso, es posible que desee cambiar a un complemento de Google Maps.

Los complementos de Google Maps son geniales porque no solo crea sus propios mapas de Google personalizados, sino también cosas específicas de WordPress como:

  • Ver publicaciones o tipos de publicaciones personalizadas en su tarjeta a través de campos personalizados
  • Crea un buscador de tiendas filtrable

Y dado que estos complementos usan códigos cortos en lugar de iframes (como el código de inserción manual de Google Maps), son un poco más fáciles de usar (eso significa que tienes que texto Pestaña en el editor de WordPress).

Les mostraré un tutorial utilizando el complemento gratuito más popular de Google Maps: WP Google Maps.

Para comenzar este tutorial, asegúrese de tener WP Google Maps instalado y habilitado.

Paso 1: crea e ingresa la clave API de Google Maps

No importa qué complemento de Google Maps esté utilizando, este es el siempre Este es el primer paso porque Google necesita lo que se conoce como una «clave API» para trabajar con Google Maps.

Básicamente, esta clave API gratuita permite que el complemento elegido se conecte al servicio de Google Maps para ayudarlo a crear un mapa.

Para crear su clave API, puede ver el video de instrucciones detalladas del complemento.

Una vez que obtenga su clave API, colóquela en el cuadro y haga clic en Guardar en la computadora:

Clave de API de Google Maps

Paso 2: edita mi primera tarjeta

La versión gratuita de este complemento solo le permite crear un mapa personalizado. Para crear su primera tarjeta, debe hacer clic en Editar entre Mi primera carta:

Editar tarjeta

Esto lo lleva a la interfaz del editor.

Paso 3: configure los ajustes básicos

En la parte superior de la interfaz de usuario del Editor de mapas, verá varias pestañas diferentes. Puede configurar los ajustes básicos para su tarjeta en estas pestañas:

  • Configuración general – Altura, ancho, orientación y tipo de mapa (por ejemplo, mapa de calles frente a satélite)
  • asignaturas – le permite elegir entre 9 temas de tarjetas incluidos. Básicamente, estos cambian el estilo de su tarjeta.
  • Direcciones – Desafortunadamente, solo puede usar las instrucciones en la versión Pro.
  • localizador de tiendas – Esta característica interesante permite a sus visitantes buscar la tienda más cercana, lo cual es útil si tiene una tienda con ubicaciones físicas.
  • Ajustes avanzados – le permite activar datos de tráfico y otras funciones, aunque muchas solo están disponibles en la versión Pro.

Interfaz del complemento de Google Maps

Una vez que haya configurado estos ajustes, podrá trabajar en su tarjeta usted mismo.

Paso 4: agregue marcadores y otros elementos del mapa

Debajo de la configuración básica, puede comenzar a agregar elementos a su mapa con las cinco pestañas diferentes.

Agregar marcador, tu también puedes:

  • Busque en el campo un lugar
  • Haga clic con el botón derecho en cualquier lugar del mapa para colocar un marcador en esa ubicación específica

Agregar marcas

Una vez que haya guardado su marcador, aparecerá en el mapa y podrá agregar otro.

También puede ver una lista completa de sus marcadores y ver los marcadores existentes en el archivo. editar Tus marcas Sección:

Lista de marcas

en el Polígono y Polilíneas Tab le permite iniciar una interfaz de usuario que le permite crear un conjunto de formas más complicado:

Forma de polígono

Cuando haya terminado de agregar elementos de mapa, haga clic en Guardar mapa.

Paso 5: inserta tu tarjeta con el shortcode

Después de haber guardado su tarjeta:

  • Haga clic en tarjetas en la barra lateral del panel de WordPress
  • Copia el shortcode de tu tarjeta
  • Agregue el código corto donde desea que aparezca su tarjeta

Código de inserción de la tarjeta

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í tiene algunas buenas:

  • Complemento WP Google Map: le permite asignar sus propios símbolos de marcador incluso en la versión gratuita. Con la versión Pro, puede ver publicaciones / tipos de publicaciones personalizadas en sus tarjetas a través de campos personalizados.
  • Widget de Google Maps: una solución agradable y liviana que facilita el trabajo rápido con un mapa.
  • Generador de mapas: creo que este tiene el generador de mapas más fácil de usar que existe, y el Publicar mashup La función en la versión Pro le permite completar automáticamente una tarjeta basada en publicaciones en su sitio web.

Por ejemplo, aquí hay un vistazo a la interfaz de pantalla completa para crear mapas desde el complemento Maps Builder:

Creador de mapas

Todos estos complementos son bastante similares. Entonces, una vez que descubra cómo crear su clave API y comprenda la interfaz básica, debería poder comprar rápidamente un nuevo complemento.

Reflexiones finales sobre Google Maps y WordPress

Si solo desea hacer una incrustación simple de Google Maps y no necesita vincularlo a funciones específicas de WordPress, como un localizador de tiendas o sus publicaciones reales, entonces creo que es mejor usar el método manual.

Entre la interfaz normal de Google Maps y Google My Maps, tiene mucha flexibilidad para crear mapas. Luego, puede incrustarlos en cualquier lugar usando el código iframe.

si tu que hacer Necesita una funcionalidad específica de WordPress, o si prefiere trabajar desde su panel de control de WordPress, todos los complementos que he enumerado son opciones de calidad. Considere estos hechos para elegir entre ellos:

  • Cada complemento ofrece un conjunto diferente de funciones gratuitas (en comparación con la versión Pro), por lo que es posible que encuentre uno que haga lo que necesita de forma gratuita.
  • Algunos complementos son más adecuados para localizadores de tiendas, mientras que otros son más adecuados para mostrar publicaciones en mapas.

Finalmente, algunos temas y complementos de WordPress vienen con una funcionalidad de mapa incorporada. La consultoría, por ejemplo, proporciona una manera fácil de mostrar una ubicación en un mapa. Y muchos creadores de páginas de WordPress también vienen con módulos de mapas dedicados.

¡Si te ha gustado no dudes en compartirlo!

Deja un comentario

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad