Puedes integrar Google Maps en WordPress, ya sea in­te­gra­n­do di­re­c­ta­me­n­te el código del mapa o re­cu­rrie­n­do a uno de los muchos plugins que hay di­s­po­ni­bles. Ambos métodos son re­la­ti­va­me­n­te sencillos y no requieren tener muchos co­no­ci­mie­n­tos previos.

Dominios web
Compra y registra tu dominio ideal
  • Gratis SSL Wildcard para tra­n­s­fe­re­n­cias de datos más seguras
  • Gratis registro privado para más pri­va­ci­dad

Con o sin plugin

Hay muchas razones por las que deberías añadir un mapa de Google Maps a tu página web de WordPress. Por ejemplo, si has creado una entrada de Google Maps y quieres mostrar a tus clientes cómo llegar a tu dirección o mo­s­trar­les la distancia entre dos ubi­ca­cio­nes distintas, añadir un mapa de Google Maps es la mejor opción y la más fácil. Integrar Google Maps en WordPress es re­la­ti­va­me­n­te fácil. Para ello tienes varias opciones, más o menos útiles en función de la es­tru­c­tu­ra de tu página web. Puedes elegir entre utilizar algunos de los plugins de WordPress más re­co­me­n­da­dos e insertar el mapa de Google Maps sin hacer uso de ninguna extensión.

Integrar Google Maps en WordPress sin necesidad de un plugin

  1. Crear un mapa
  2. Copiar el código de inserción
  3. Insertar código
  4. Comprobar mediante la vista previa
  5. Guardar los cambios

La forma más sencilla de integrar Google Maps en WordPress es utilizar el propio servicio de mapas online.

Paso 1. Primero abre el mapa que quieres insertar. Además de buscar una única ubicación, también puedes se­le­c­cio­nar una ruta entre dos o más puntos.

Paso 2. Una vez el mapa se ajusta a tus ne­ce­si­da­des, haz clic en el menú con las tres barras ho­ri­zo­n­ta­les de la parte superior izquierda.

Paso 3. A co­n­ti­nua­ción, se­le­c­cio­na la opción “Share or embed map”.

Paso 4. A co­n­ti­nua­ción, se te abrirá una ventana emergente. Si haces clic en la pestaña “Embed a map” de la parte superior, no solo puedes copiar el código de inserción, sino también se­le­c­cio­nar el tamaño adecuado.

Paso 5. Ahora haz clic en “Copiar HTML”.

Paso 6. Inserta el código de Google Maps en tu página web de WordPress. Para ello, utiliza el editor e inserta el código de inserción en el bloque.

Paso 7. Utiliza la vista previa para comprobar cómo quedará integrado el mapa en la página web y realiza los cambios que veas ne­ce­sa­rios.

Es im­po­r­ta­n­te que también in­tro­du­z­cas tu clave API si quieres integrar Google Maps en una página de WordPress de empresa. Más adelante te ex­pli­ca­re­mos en qué consiste el tema de la clave API.

In­te­gra­ción a través de My Maps

También se pueden crear e insertar mapas a través de Google My Maps. Con este tipo de mapa puedes entrar en mayor detalle y añadir tus propias ano­ta­cio­nes. Tiene sentido utilizar My Maps si, por ejemplo, quieres mostrar rutas al­te­r­na­ti­vas o las zonas de apa­r­ca­mie­n­to más cercanas. Una vez hayas creado el mapa, el proceso de in­te­gra­ción es parecido al método me­n­cio­na­do an­te­rio­r­me­n­te. Debes generar un código de inserción, copiarlo y luego añadirlo en el editor de bloques.

Consejo

Hosting para WordPress de IONOS no solo te ofrece hasta tres dominios pe­r­ma­ne­n­tes de forma gratuita, sino también todas las ac­tua­li­za­cio­nes que necesites, incluso de forma au­to­má­ti­ca si lo deseas. Una de nuestras tres tarifas es la adecuada para ti.

Integrar Google Maps en WordPress con un plugin

Como al­te­r­na­ti­va, si quieres integrar Google Maps o el mapa de una al­te­r­na­ti­vas a Google Maps en WordPress, también puedes utilizar un plugin. Esto facilita la in­te­gra­ción y te ofrece más opciones de diseño. Usar un plugin te resultará la solución más práctica, es­pe­cia­l­me­n­te si necesitas insertar varios mapas. Una vez instalado puedes co­n­fi­gu­rar có­mo­da­me­n­te desde el panel de control los pa­rá­me­tros que te hagan falta. A co­n­ti­nua­ción, te indicamos cuáles son tus mejores opciones en cuanto a plugins.

Google Maps Widget

Si quieres integrar Google Maps en WordPress, Google Maps Widget es de las opciones más fáciles de usar. Primero debes instalar y activar el widget y luego guardar tu clave API. Después en­co­n­tra­rás el widget en el menú, en la sección de “Diseño”. Esta he­rra­mie­n­ta te permite insertar mapas en cualquier parte de tu página web y también crear mapas in­ter­ac­ti­vos. Lo que ofrece este widget gratuito es su­fi­cie­n­te para la mayoría de los usuarios.

Google Maps Easy

En este caso, el nombre lo dice todo. Lo especial de Google Maps Easy es que puedes crear nuevos mapas con la ayuda de una interfaz de ad­mi­ni­s­tra­ción in­de­pe­n­die­n­te. La he­rra­mie­n­ta permite insertar de­s­cri­p­cio­nes, ano­ta­cio­nes e imágenes y es­ta­ble­cer las opciones de zoom. Una vez que has creado tu propio mapa, puedes in­se­r­tar­lo fá­ci­l­me­n­te uti­li­za­n­do un shortcode.

WP Google Maps

WP Google Maps es una de las formas más populares de integrar Google Maps en WordPress. Puedes elegir entre una versión estándar gratuita y una versión de pago que ofrece algunas funciones adi­cio­na­les. La opción gratuita por sí misma es una buena opción, esta tiene diez pla­n­ti­llas de diseño di­fe­re­n­tes, permite incluir detalles como los carriles bici, di­re­c­cio­nes e in­fo­r­ma­ción adicional y también te permite co­n­fi­gu­rar las opciones de zoom.

Hero Maps Premium

Con el elevado precio de 20 dólares, Hero Maps Premium es muy caro para insertar un simple mapa. Sin embargo, si quieres poder diseñar al completo los Google Maps que insertes en tu página de WordPress conforme a tus ideas, que estos se ajusten pe­r­fe­c­ta­me­n­te a tu página y que tengan opciones adi­cio­na­les para los vi­si­ta­n­tes, este plugin sigue siendo re­co­me­n­da­ble. En función del propósito, la función de filtro es un co­m­ple­me­n­to muy útil. Si no estás seguro de si esta compra te merece la pena, puedes probar primero la versión de prueba gratuita.

WP Google Map Plugin

El plugin WP Google Map también tiene su propia interfaz de ad­mi­ni­s­tra­ción. Los mapas se crean a través de un nuevo elemento del menú. Los pasos que seguir para crear un nuevo mapa son muy in­tui­ti­vos y se pueden llevar a cabo de manera rápida. Primero debes definir los lugares que deben aparecer en el mapa y, a co­n­ti­nua­ción, es­ta­ble­cer algunos pa­rá­me­tros. La in­te­gra­ción se realiza a través de un shortcode. El plugin WP Google Map es bastante limitado en co­m­pa­ra­ción con otras opciones. Sin embargo, para mapas sencillos sin necesidad de grandes extras, este plugin es más que su­fi­cie­n­te.

Consejo

El dominio web que desees en unos pocos clics: en IONOS puedes registrar tu dominio ideal y apro­ve­char los ce­r­ti­fi­ca­dos SSL Wildcard, el bloqueo de dominio y un buzón de correo ele­c­tró­ni­co de 2 GB de capacidad. ¡Comprueba hoy si tu URL favorita está di­s­po­ni­ble!

Se necesita una clave API para los sitios web co­me­r­cia­les

Necesitas una clave API si quieres integrar Google Maps en un sitio de WordPress que utilices co­me­r­cia­l­me­n­te. Por lo general, esto no te supondrá ningún coste; solo se pro­du­ci­rán costes mensuales si tu sitio web atrae a miles de vi­si­ta­n­tes cada mes o si decides utilizar algo más que un simple mapa. Puedes obtener la clave API a través de Google Cloud Platform Console. Allí puedes crear un proyecto y luego se­le­c­cio­nar el producto adecuado. Se­le­c­cio­na la opción “Maps Embed API” si quieres integrar Google Maps en tu sitio web de WordPress sin necesidad de un plugin. Si quieres utilizar un plugin, “Google Maps Static” es la elección correcta.

También tienes la opción de se­le­c­cio­nar varios productos o ca­m­biar­los po­s­te­rio­r­me­n­te. A co­n­ti­nua­ción, activa el producto se­le­c­cio­na­do mediante la opción “Enable” y en­co­n­tra­rás tu clave API en “Cre­de­n­tia­ls”. Aquí también puedes es­ta­ble­cer re­s­tri­c­cio­nes para la clave, de modo que nadie pueda uti­li­zar­la para otras páginas. Si ahora añades un mapa a tu página, añade la clave al código o al­ma­cé­na­la en el plugin co­rre­s­po­n­die­n­te. Si no utilizas tu sitio con fines co­me­r­cia­les, puedes pre­s­ci­n­dir de tu propia clave API.

Hosting WordPress
WordPress más potente y rápido gracias a la IA
  • Creación y pe­r­so­na­li­za­ción de tu página asistida por la IA
  • 3 veces más rápido: SSD, caché y más
  • Análisis diarios, pro­te­c­ción DDoS y di­s­po­ni­bi­li­dad del 99,99 %

Co­n­clu­sión: integrar Google Maps en una página web de WordPress

Integrar Google Maps en una página web de WordPress es fácil y se puede hacer con o sin plugin. Tampoco hay problema en hacerlo ma­nua­l­me­n­te si solo quieres poner cómo llegar a tu dirección. Sin embargo, para insertar varios mapas o funciones adi­cio­na­les sí merece la pena utilizar un plugin, ya que este permitirá adaptar el mapa mejor a tus ne­ce­si­da­des.

Consejo

En la Digital Guide de IONOS en­co­n­tra­rás todo lo que necesitas saber sobre el CMS más popular del mundo. Aquí te ex­pli­ca­mos, por ejemplo, cuáles son las mejores pla­n­ti­llas de WordPress y te mostramos cómo hacer que tu página de WordPress sea más rápida. En­co­n­tra­rás incluso al­te­r­na­ti­vas a WordPress si es lo que buscas.

Ir al menú principal