Seleccionar página

Cómo añadir Google Maps

a tu WordPress

Destaca tu tienda

Colocar un plugin para dar mayor visibilidad  a tu tienda, o aprovechar las funciones de tu tema es siempre una buena idea.

Sin embargo no siempre funciona a la primera. Vamos a ver en este tutorial cómo activar los mapas de Google.

1. Revisar “Estado en WordPress”

Si tienes instalado Woocommerce, sigue la siguiente ruta. Woocommerce–> Estado

En este apartado nos muestra que no tenemos instalado el archivo MaxMind GeoIP.

Para conseguirlo necesitamos acceder a la siguiente web, y clicamos en “Downloads”. Tenemos varias opciones, sólo la IP o además con las coordenadas. En mi caso voy a coger la primera opción.

2. Subir el archivo

Una vez lo descargamos no hay que hacer ninguna modificación, por FTP o por Cpanel lo subimos a la siguiente ruta

/wp-content/uploads/

Una vez instalado, actualizamos el “Estado” y pasará a verde, reconociendo el código.

3. Generar la aplicación en Google

Hasta aquí la parte fácil. Ahora toca lo complicado. Tenemos que crear una aplicación de Google Maps. Para eso, es obligatorio que tengamos una cuenta de Gmail.

  1. Ve a tu panel de desarrollador
  2. Crea un nuevo proyecto
  3. Activar APIS y Servicios: nos interesa Google Maps JavaScript APIGoogle Maps Geolocation API, Google Maps Embed API, Directions, Distance Matrix, Elevation, Geocoding, Places API Web Service (8 aplicaciones en total)
  4. Lo que es tan sencillo como clicar sobre la misma y darle al botón de habilitar
  5. Finalmente, en el panel de la derecha, vamos a credenciales y creamos las credenciales para el proyecto: clave de API
  6. Copiamos la clave y la incrustamos en nuestro tema o en nuestro plugin

Y así nos queda el mapa

Lugar

Sigue el tutorial en vídeo!

riDDim Marketing