Ya sea que administre un negocio, una organización, un evento o simplemente necesite mostrar un mapa por cualquier otro motivo, puede ser útil saber cómo agregar Google Maps a WordPress.
Además, con el complemento correcto, incluso puede crear mapas personalizados e interactivos que muestren mejor su ubicación física u otra información importante.
Presentamos el bloque de Google Maps de Otter Blocks
La forma más fácil de agregar Google Maps a WordPress es usar el complemento adecuado, como Otter Blocks. Themeisle creó este complemento para ayudar a los usuarios a crear y personalizar mapas rápidamente para satisfacer sus necesidades. El potente creador de mapas de la interfaz de usuario le permite crear tantos mapas como desee, así como guardarlos, editarlos e incluso clonarlos.
Características clave:
- Personalice muchos elementos de sus mapas, incluida la posición, el nivel de zoom y mucho más.
- Dale estilo a tus mapas a través de esquemas de color y otras opciones.
- Agregue múltiples ubicaciones y marcadores a sus mapas.
- Organice fácilmente una biblioteca de sus mapas.
Precio: Otter Blocks es gratis.
Cómo agregar Google Maps a WordPress (en 3 pasos)
Ahora, le mostraremos cómo crear un mapa para su sitio web. Primero, querrá instalar Otter Blocks en su sitio de WordPress como lo haría con cualquier otro complemento . Luego, simplemente siga los pasos a continuación para agregar Google Maps a WordPress.
Paso 1: agregue su clave API de Google Maps a WordPress
Una vez que haya instalado Otter Blocks, habrá una nueva sección llamada Otter en la pestaña Configuración en su tablero. Cuando lo visite, debería ver una sección de Mapas con un cuadro para su clave API, que debe agregarse antes de comenzar a crear mapas:
Para obtener esta clave, visite el Panel de API de Google . Suponiendo que ya tiene una cuenta de Google, debería poder acceder a este panel sin necesidad de registrarse para nada.
Dentro del tablero de las API de Google, seleccione el botón azul Crear proyecto cerca de la parte superior de la página:
Elija Crear en la siguiente pantalla. Luego, podrá elegir un nombre para su proyecto:
Haga clic en Crear una vez más y volverá al panel de control. Seleccione Habilitar API y servicios cerca de la parte superior de la pantalla y busque en la biblioteca de API «API de JavaScript de Google Maps». Una vez que lo haya encontrado, seleccione Habilitar :
En la siguiente pantalla, haga clic en el botón Crear credenciales en la esquina superior derecha.
Luego, en la página siguiente, seleccione ¿Qué credenciales necesito? Se le presentará una clave API, que ahora puede copiar.
Regrese a su sitio de WordPress y pegue la clave en el cuadro Clave de la API de Google Maps :
¡No olvides guardar tus cambios! Ahora, está listo para comenzar a construir su mapa.
Paso 2: Crea un nuevo mapa
Para crear su primer mapa, seleccione el bloque Google Maps de la sección Otter . Inmediatamente se te presentarán muchas opciones:
Lo primero que probablemente querrá hacer es seleccionar el botón Agregar marcador . Esto le permite determinar una ubicación para el mapa y colocar un marcador. Puede darle un título al marcador, elegir un estilo para él e ingresar una dirección:
En el cuadro de texto, también puede agregar y dar formato al texto que se mostrará cuando un usuario haga clic en el marcador:
Después de eso, puede comenzar a personalizar su mapa usando algunas de las otras opciones dentro del generador de mapas. Repasemos cada pestaña una por una.
Posicionamiento y zoom
Para establecer un cierto nivel de zoom y posición para su mapa, simplemente puede acercar y alejar el mapa de muestra y arrastrarlo donde desee. La forma en que lo configura en el editor es cómo se mostrará en su sitio.
También puede cambiar el tipo de mapa, de terreno, satélite, carretera o híbrido.
Control S
En la sección Controles , puede decidir qué tipo de opciones están disponibles para los usuarios. Esto incluye si pueden arrastrar el mapa y si tienen la opción de vista de la calle.
Estilos
En la sección Estilos , puede modificar el aspecto de su mapa. También puede elegir entre varios estilos de mapa predefinidos o incluso crear uno propio.
Sin embargo, al ajustar la configuración anterior, debería poder crear un mapa que sea elegante y útil para sus visitantes.
Paso 3: Coloque el mapa en su sitio
Una vez que tu mapa esté ajustado a la perfección, no olvides guardarlo. Una vez que lo haga, verá que aparece en la página, junto con botones para ajustar el ancho, cambiar estilos o eliminar el mapa.
¡Dale a publicar y listo! Su mapa ahora se mostrará perfectamente en la parte frontal de su sitio:
Puede usar este método para colocar el mismo mapa en varios lugares o incluso agregar una variedad de mapas a su sitio. Eso es todo lo que se necesita para agregar Google Maps a WordPress.
Conclusión
“Mostrar, no decir” es una regla inteligente a seguir en su sitio web. Incluir un mapa, por ejemplo, muestra a los visitantes exactamente cómo encaja su empresa u organización en su comunidad. Los mapas son una forma más convincente de alentar a las personas a visitar su ubicación física que simplemente proporcionar una dirección, especialmente cuando son interactivos.
Para aprovechar esta técnica en su propio sitio, puede usar el complemento Otter Blocks para agregar Google Maps a WordPress. Solo sigue estos tres pasos:
- Agregue su clave API de Google Maps a WordPress.
- Cree un nuevo mapa y configúrelo usando la configuración del complemento.
- Coloque el mapa en su sitio usando el código abreviado proporcionado.
