Cómo agregar Google Maps en WordPress

Si ha creado un sitio web para su empresa local, especialmente una tienda física, debe tener una sección de Google Maps en su sitio de WordPress que resalte su ubicación. Incrustar el mapa en su sitio web también es excelente para sus esfuerzos de SEO local, ya que Google lo clasificará más alto en los resultados de búsqueda.

Cómo agregar Google Maps en WordPress

Afortunadamente, incorporar Google Maps a las ubicaciones de su tienda u oficina es sencillo en WordPress. Sigue leyendo para empezar.

Cómo agregar Google Maps a WordPress sin API ni complemento

Esta es la forma más sencilla de agregar Google Maps a su blog o sitio web de WordPress. Implica dos pasos generales: copiar el enlace incrustado y pegar el enlace en un bloque de código de WordPress. Siga los pasos a continuación.

  1. Abra Google Maps en la web.
  2. Escriba o busque la ubicación que desea insertar en el campo de búsqueda.
    Búsqueda de ubicación de negocios
  3. Hacer clic Para compartirnavegar a Insertar un mapaseleccione el tamaño deseado y haga clic Copiar HTML.
  1. Inicie sesión en su panel de WordPress.
  2. Hacer clic paginasentonces Agregar nueva página (Puedes usar una publicación nueva o editar una página antigua si lo deseas).
    Agregar opción de nueva página en WordPress
  3. clickea en el + y haga clic en Personalizado HTML.
    Abrir HTML personalizado en WordPress
  4. Pegue el enlace incrustado de Google Map que copió. Luego guarde y publique su página.
    Publicar el enlace corto

Agregar Google Maps con API en WordPress

Si escribe un blog en WordPress, puede incorporar Google Maps con una API, aunque necesitará utilizar un complemento de Maps para hacerlo. En este ejemplo, utilizamos el WP Go Mapas complemento, pero hay otros que puedes probar. Pero primero necesitamos obtener la API.

Cómo obtener la API de Google Maps

Puede utilizar recursos API gratuitos para pequeñas empresas, pero las API avanzadas cuestan alrededor de $ 7 por mes y aumentan según la cantidad de impresiones que reciba. Con la API obtenida, puede agregar un mapa de Google a su sitio web. Para obtener una API de Google Map, debes haber configurado correctamente tu facturación en Google Cloud Console. Una vez configurada la facturación, siga los pasos a continuación en Google Cloud Console.

  1. clickea en el Hamburguesa en la esquina superior izquierda y haga clic API y servicios.
    API y servicios de Google
  2. Seleccionar Habilitar API y servicios.
  3. clickea en el Hamburguesaflotar API y serviciosluego haga clic Biblioteca.
    Abrir biblioteca API
  4. Bajo Mapashacer clic verlo todo.
  5. Hacer clic API de JavaScript de Google Mapsy haz clic en tu Permitir botón.
    Habilitando la API de mapas para WordPress
  6. Regrese a la página de la Biblioteca API y repita el Paso 5 para API de rutas, API de codificación geográfica, API de geolocalizaciónEs API de ubicaciones.
  7. clickea en el Hamburguesaflotar API y serviciosluego haga clic Cartas credenciales.
    Credenciales API para WordPress
  8. En la parte superior de la pantalla, haga clic en el Crear credenciales opción y seleccione Clave API.
    Claves de credenciales API de WordPress
  9. Selecciona el Editar clave API opción.
    Editar la clave API
  10. Selecciona el Sitios web botón de radio y haga clic PARA AÑADIR.
    Opciones de edición de API
  11. Ingrese la URL de su sitio web, haga clic Hechoseguido por Ahorrar.
    Guardar ediciones de API
  12. clickea en el Mostrar clave opción y copie su clave API.
    Copiar la clave API

Descarga del complemento WP Maps

Usaremos WP Go Maps para este ejemplo. Siga los pasos a continuación para descargarlo.

  1. Abra su panel de WordPress, haga clic Complementos en la barra de menú y haga clic Agregar nuevo complemento en la parte superior de la página.
    Agregar nuevo complemento
  2. Buscar WP Go Mapas y haga clic en instalar ahora opción para el primer complemento y haga clic Activar una vez completada la instalación.
  3. Hacer clic ajustes para Mapas En el panel izquierdo, haga clic en el Avanzado pestaña, ingrese su clave API y haga clic Guardar ajustes en la esquina inferior derecha.
    Agregar clave API de mapas
  4. Seleccionar Mapas en el panel izquierdo, agregue su dirección a Dirección/GPS campo y haga clic en Añadir marcador botón.
    Agregar marcador de mapa en Wordpress

Agregar un mosaico de mapa

Con la API conectada, WP Go Maps creará un bloque de código que podrás usar en tu sitio web:

  1. Abra su panel de WordPress y abra la publicación o página donde necesita el mapa.
  2. Selecciona el + botón en la parte superior, buscar Mapay seleccione Mapa.
    Agregar mapas a páginas en WordPress
  3. Ahora Ahorrar Es Publicar la página.
  4. Utilice las opciones adicionales a la derecha para personalizar la apariencia del bloque en la página.

Agregar un widget

Alternativamente, puede agregar un pequeño widget a su mapa, como el pie de página de su sitio web. Ver cómo:

  1. Abra su panel de administración de WordPress.
  2. Seleccionar Apariencia y haga clic widgets.
    Abrir widgets de WordPress
  3. Expandir WP Go Mapasseleccione una ubicación y haga clic Agregar widget.
    Widget WP Go Mmaps
  4. Edite la dimensión del widget y cómo se nombrará la etiqueta en el mapa.

Si bien WP Go Maps debería hacer el trabajo, no es el único complemento que puede hacerlo.

Puede navegar por la tienda de complementos de WordPress para encontrar otros complementos que incorporen mosaicos de mapas en Google Maps. Algunas de las mejores opciones incluyen:

  • Widget de mapas de Google
  • Google Maps Fácil
  • Intergeográfico

Después de descargar y activar el complemento, cada uno debería tener un breve tutorial sobre cómo conectar su clave API de Google Maps para permitir que WordPress use el mapa de Google. El resto depende de usted.

Utilice un tema de WordPress integrado en mapas

Además de utilizar complementos para crear un mapa para su sitio, también puede seleccionar un tema con la opción desde el principio.

Sin embargo, difícilmente encontrarás un tema gratuito con incorporación de Google Maps. Una de las mejores versiones es Divi, que cuesta alrededor de $90 por año si usas una suscripción. Sin embargo, sus otras características, como la creación de sitios web asistida por IA y muchas plantillas profesionales, lo convierten en una excelente opción.

Ponte en el mapa con WordPress

Al incorporar la ubicación de su tienda en Google Maps en su sitio de WordPress, facilita que los clientes y clientes potenciales encuentren su negocio local. Experimente con el posicionamiento del mapa y cree una página de contacto directo para obtener los mejores resultados.

A continuación, deberías aprender cómo configurar un tema predeterminado en WordPress.

Preguntas frecuentes

¿Dónde pongo la clave API de Google Maps en WordPress?

Puede incrustarlo en un bloque de código de WordPress o utilizar un complemento. Algunos de estos complementos pueden ofrecer widgets donde se inserta la clave API.

¿Cómo agrego un mapa de Google a WordPress sin complementos?

El proceso específico dependerá del complemento que utilice. Sin embargo, las claves API generalmente van en un campo API que se encuentra en la opción Avanzada de su complemento.

Botón volver arriba