Contenidos
Contar con un mapa de ubicación incrustado en tu sitio web puede mejorar enormemente la experiencia del visitante. Además, añadir un mapa a tu sitio web de WordPress se ha convertido en algo muy sencillo gracias a las API de Google Maps. Al integrar Google Maps en tu sitio web de WordPress, puedes permitir que tus usuarios localicen rápidamente tu ubicación, encuentren indicaciones para llegar a tu oficina e incluso vean los puntos de referencia de los alrededores. En este artículo, te mostraremos cómo añadir un mapa de Google a tu sitio web de WordPress mediante un sencillo plugin que no requiere conocimientos de programación.
Paso 1: Instalar un plugin de Google Maps
El primer paso es instalar un plugin de Google Maps en tu sitio web de WordPress desde el repositorio de WordPress. Uno de los mejores plugins de Google Maps es «WP Google Maps», que es totalmente responsivo y fácil de usar. Sólo tienes que buscarlo en el repositorio de plugins de tu panel de WordPress e instalarlo.
Paso 2: Crear una clave API de Google Maps
Una vez que hayas activado el plugin «WP Google Maps», necesitas una «Clave API de Google Maps» que hará que el plugin funcione correctamente. Para generar tu clave de API de Google Maps, sigue estos pasos:
- Visita el sitio web de Google Developers Console
- Haz clic en el botón «Crear proyecto»
- Rellena el formulario y haz clic en el botón «Crear»
- En la página del panel de control, haz clic en «Habilitar API y servicios.
- Busca «API JavaScript de Google Maps», haz clic en ella y, a continuación, habilítala para tu proyecto
- Una vez habilitada la API, haz clic en «Crear credenciales» para generar una clave de API
- En «Restricciones de la aplicación,’ puedes restringir la clave API a tu dominio y evitar el uso no autorizado
- Copia la clave API en algún lugar seguro, ya que la necesitarás más adelante
Paso 3: Configurar el Plugin
Después de haber generado correctamente la clave API de Google Maps, ya puedes conectarlo a tu sitio web. Para ello, sigue estos pasos:
- Desde el panel de control de WordPress, abre la opción de menú «Mapas» en la barra lateral izquierda
- Haz clic en el submenú «Configuración» para configurar el complemento
- Abre la pestaña «General» y pega tu clave de API en el campo correspondiente
- Guarda los cambios
Paso 4: Añade Google Maps a tu sitio web de WordPress
Para añadir Google Maps a tu sitio web de WordPress, haz clic en el botón «Añadir»: Añade un mapa de Google a la página o entrada de tu sitio web WordPress
Para añadir un mapa de Google a cualquier página o entrada de tu sitio web WordPress, sigue estos sencillos pasos:
- Abre la página de edición o la entrada a la que quieras añadir un mapa
- Haz clic en el botón «Añadir Google Maps de WP» situado encima del editor de texto
- Selecciona un «Tipo de mapa» e introduce los datos de ubicación de tu negocio
- Visualiza el mapa para asegurarte de que se muestra correctamente
- Haz clic en el botón «Insertar» para añadir el mapa a tu página o post
Paso 5: Personalizar la visualización del mapa
Una vez añadido el mapa a tu sitio web, puedes personalizar su visualización siguiendo estos pasos:
- Vuelve al panel de control de WordPress a la opción «Mapas» de la barra lateral
- Haz clic en el submenú «Todos los mapas».que enumera todos tus mapas
- Haz clic en el botón «Editar» situado junto al mapa que deseas personalizar
- Selecciona la pestaña «Aspecto» para personalizar la apariencia del mapa
- Puedes editar varios ajustes, como el color de los marcadores del mapa y el estilo de tu mapa
- Después de hacer los cambios, comprueba la vista previa para previsualizar tus cambios en tiempo real, y luego haz clic en el botón «Guardar cambios» para guardar tus modificaciones
Pensamientos finales
En este artículo, te hemos mostrado cómo añadir un Mapa de Google a tu sitio web WordPress fácilmente. Añadir un Mapa de Google a tu sitio web puede facilitar que los visitantes encuentren tu ubicación, realicen una consulta o incluso compren tus productos y servicios. Siguiendo los pasos descritos anteriormente podrás añadir un Mapa de Google a tu sitio web WordPress en cuestión de minutos, sin escribir ni una sola línea de código.