Cómo agregar Google Maps a WordPress de 4 maneras simples

¿Le gustaría crear y agregar un mapa estándar de Google a su sitio de WordPress? Google Maps ha transformado la forma en que ofrecemos instrucciones a nuestros lugares de negocios. No solo les diga dónde encontrar los mapas de Google los dirige a sus puertas en esta publicación, descubrirá que puede crear y agregar mapas de Google a su sitio. La mayoría de los métodos que mostraremos que no requiere codificación previa habilidades. En cambio, le mostraremos cómo implementar Google Maps en su sitio utilizando uno de estos métodos simples. Si alguna vez ha dudado en Google Maps, una excelente razón por la que debe tener en su sitio es por su impacto local de SEO. De hecho, el 86% de las personas usan Google Maps para localizar empresas. Sin embargo, ¿necesita razones por las que necesita agregar mapas de Google a su sitio? Te gustaría ver lo que sigue.
Contenido:
¿Por qué Google Maps es vital para su sitio?
Cómo agregar mapas de Google a su sitio web de WordPress.
Incorporar manualmente los mapas de Google en WordPress
Instalar complementos de Google Maps
Agregar widgets de Google Maps
Use sitios que generen mapas
Conclusión
¿Por qué Google Maps es vital para su sitio? Literalmente te pone en el mapa con Google Maps, tu negocio ya no está oculto. Por ejemplo, si alguien quiere encontrar un peluquero, tal vez fácilmente. Cualquiera necesita sus servicios en cualquier lugar cerca de su sede puede encontrar instrucciones para usted en el mapa. Incluso si se encuentra en un área distante, Google Maps guiará a sus clientes con usted es una herramienta vital de SEO y listado para cualquier negocio.
Es gratuito y fácil de usar como cualquier otro mapa, Google Maps es fácil. Además, no tiene que ponerlo en su servidor, está en la nube. Si no es excelente al describir el lugar donde hace negocios, Google Maps ha sido creado para usted. Sus clientes pueden obtener tiempo real para su negocio sin que usted diga una palabra. ¡Y no tienes que pagar un centavo por todos estos servicios! Mantener a sus clientes en su sitio web de Google Maps lo ayuda a interactuar más con sus clientes y visitantes, por lo que los nuevos en su negocio pasarían más tiempo en su sitio solo para obtener instrucciones de orientación. Quizás involuntariamente, sirve como un suplemento que genere clientes potenciales. Promueve otros aspectos de su negocio mientras los clientes o clientes potenciales buscan su dirección, el mapa muestra otros datos de contacto. Además, aparecerá más información sobre su negocio cuando vea su ubicación desde las líneas de negocios hasta las revisiones, tiene la oportunidad de impresionar a sus clientes potenciales con Google Maps. Finalmente, Google Maps no necesita presentación, porque casi todos lo saben. Cómo agregar Google Maps a su sitio de WordPress ahora que está convencido de que lo necesita, comience a usar Google Maps. Google Maps hechos a mano en WordPress Si desea una forma muy directa de agregar Google Maps a su sitio de WordPress, entonces debe usar este método. Manual agregando mapas de Google a su sitio. Solo toma unos pocos pasos. Y puede hacerlo en unos minutos y obtener excelentes resultados.
Paso 1 Primero, acceda al sitio web de Google Maps en el navegador. Este es el sitio web habitual que va a buscar instrucciones para cualquier ubicación que elija. En el sitio, encontrará la barra de búsqueda en la parte superior del lado izquierdo de la pantalla. Ingrese su dirección, y si es una ubicación famosa, simplemente escriba el nombre. Debido a que Google Maps es un motor de búsqueda, una búsqueda simple de su dirección traerá su ubicación exacta. El mapa PAS 2 mostrará detalles sobre su ubicación, incluidas las direcciones completas y las indicaciones de orientación. Aparecerá otra información, como el número de empresa y el sitio web (si está disponible).
Haga clic en el icono compartido y aparecerá una página. Seleccione Incorporar un mapa y verá el mapa como se muestra. Este mapa de muestra se establece en el tamaño promedio de forma predeterminada, pero puede cambiarlo a cualquier tamaño que desee. Arriba este mapa, encontrará el “enlace html iframe” que copiará haciendo clic en copiar.

Paso 3 Ahora, acceda a su sitio de WordPress e inicie sesión en la Junta de Administración. Puede agregar este enlace a cualquier proyecto, incluidas publicaciones, páginas o plantillas. Si agrega esto a una página, vaya a páginas> Todas las páginas y ubique la página en la que desea trabajar. Cuando haya encontrado, haga clic en él para abrir el editor de páginas.
En el editor de Gutenberg, haga clic en el bloque Agregar (más). Luego ingrese “HTML” en el área de búsqueda y haga clic en el bloque HTML cuando aparezca.

Luego pegue el código de mapa que ha copiado anteriormente al editor HTML. Para ver cómo aparecerá su mapa, haga clic en Vista previa en el bloque HTML y espere unos segundos para que se cargue el mapa. Después de la vista previa, haga clic en Actualizar para guardar los cambios. Voila, has implementado mapas en tu página. Si usa el editor clásico, abra la página de edición, cambie al editor “Texto” e inserte el código.
Para ver una vista previa del mapa, simplemente cambie al editor “visual”.

Si desea obtener una vista previa de la página completa, use el botón Vista previa a la derecha. Por supuesto, presione la publicación o actualice para guardar cambios. Y con eso, ha implementado un mapa receptivo de Google en su página. Esto significa que el mapa parecería excelente en las pantallas de PC más grandes y los teléfonos móviles más pequeños. Instale complementos de Google Maps Hay muchos mapas para sitios de WordPress. Estos complementos facilitan la aplicación de esta función y ofrecen más opciones.

Si desea agregar más anotadores de mapas, debe usar complementos de Google Maps. Los métodos manuales alternativos no tienen esta característica, mientras que algunos son un poco demasiado aburridos. Además, la personalización del mapa de Google es fácil con la ayuda de complementos. Permitirle cambiar los bordes, el color y más. Los complementos le permiten crear mapas receptivos compatibles con cualquier dispositivo móvil. Algunos de los mejores complementos de Google Maps para WordPress son WP Google Maps, Mappress, Maps Marker Pro, entre otros. Encontrará complementos para mapas interactivos de WordPress entre ellos. Para este artículo, WP Google Maps es el complemento de Google Map que utilicé. El primer paso inicia al instalar el complemento para mapas. En el tablero de WordPress, vaya a complementos> Agregar nuevo y busque “WP Google Maps”. Haga clic en la instalación ahora, luego active.

Después de activar con éxito el complemento WP Google Maps, se dirigirá a la página de entrada del mapa. Alternativamente, siempre puede acceder a la configuración del complemento utilizando el icono “Mapas” en el menú izquierdo. Paso dos en la página de bienvenida, verá algunos tutoriales sobre cómo usar el complemento. Simplemente haga clic en omitir la introducción y crear un botón de mapa.

Después de hacer clic en el botón, el complemento generará un mapa específico para su sitio para personalizar su nuevo mapa, haga clic en el botón Editar.
El complemento le pedirá que seleccione la API para los mapas que tiene la intención de usar. Puede elegir entre OpenLayers o Google Maps API. Sin embargo, ambas opciones funcionan bien, debe obtener una clave API antes de poder usar Google Maps. Simplemente puede usar la opción OpenLayers si no desea pasar por procesos adicionales. Pero si tiene la intención de usar la opción Google Maps, puede verificar aquí para averiguar cómo obtener una clave API. Paso tres Después de seleccionar la API MAPS, será redirigido a la página Configuración del mapa.
En la configuración general, se le presentará opciones para personalizar la apariencia de su mapa. La sección “Configuración del mapa” le permite agregar un nombre de mapa, aumentar el nivel de zoom o establecer los parámetros de ancho y altura. Al correr hacia abajo, en el lado derecho, verá una muestra de cómo se ve su mapa a la izquierda, puede agregar un anotador que indique una determinada región. Un marcador es simplemente un indicador que destaca una determinada ubicación en el mapa. Para agregar un anotador, ingrese la ubicación que desea marcar en el cuadro de texto Dirección/GPS y luego haga clic en el botón Agregar marca.

El complemento le permite agregar un número ilimitado de marcadores. Para ver todos los marcadores, desplácese a la sección “Editar los marmers existentes”.

Aquí, puede ver, editar o eliminar los anotadores en el mapa. Para ver un anotador en particular en su mapa, haga clic en el icono del ojo como se ve en la imagen de arriba. Después de personalizar el mapa, desplácese hasta la sección “Configuración del mapa” y haga clic en el botón Guardar mapa.

Paso cuatro para usar este mapa en su sitio, simplemente copie el código corto creado por el complemento e insértelo en la publicación o página donde desea agregar un mapa. Seleccione la página o publique para editar desde el tablero de WordPress. Alternativamente, puede acceder a páginas >> Agregar nuevo si desea mostrar el mapa en una nueva página.

En el editor de páginas, haga clic en el bloque Agregar (más) y luego escriba “Crimento cortés” en el cuadro de búsqueda.


Luego seleccione el icono de código corto y luego inserte el código en el complemento WP Google Maps.

Después de haber terminado, presione el botón de publicación. Ahora presente una vista previa de la página para ver el mapa en acción.

Nota secundaria: si usa el editor clásico, simplemente cambie a la vista de texto e inserte el código corto en el área de contenido. Por supuesto, presione la publicación o actualice para guardar cambios.

Agregue los widgets de widgets de Google Maps ayudan a organizar el front-end de su sitio con una serie de pequeñas secciones flexibles que puede agregar y moverse a la página. A diferencia de la incorporación manual de Google Maps en su sitio, puede crear más ubicaciones en un mapa de widgets. Hay varios complementos para widgets maps, pero en esta guía usaremos el complemento de widgets de mapas para Google Maps.

Para comenzar, debe instalar y activar el complemento de widget de mapas para Google Maps desde el tablero de WordPress. Consulte esta guía para averiguar cómo instalar complementos de WordPress. Tenga en cuenta que no puede usar este widget sin una clave API. Afortunadamente, puede generar fácilmente una clave API gratuita en la consola de Google Cloud. Aprende a hacer esto aquí. Después de obtener la tecla API, regrese al tablero de WordPress y luego vaya a Configuración >> Mapas de widgets para Google Maps. En Configuración, inserte el valor de la tecla API en el cuadro de texto de la tecla Google Maps. Finalmente, presione el botón Guardar configuración. Para usar este complemento, acceda a los widgets >> widgets y luego localice el elemento “Mapas de widgets para Google Maps”.

Luego haga clic en el icono de flecha y seleccione el área donde desea agregar este widget a su sitio web.

Después de haber terminado, haga clic en el botón Add de widget. Alternativamente, simplemente puede extraer el widget en cualquier sección en su sitio de WordPress. Este complemento le permite elegir una ubicación para marcar en el mapa. También le permite personalizar el tamaño y la apariencia de su mapa para cambiar la dirección de marcado, haga clic en el icono de ubicación.

Luego dibuje el indicador en cualquier ubicación deseada.

Puede dejar otras configuraciones como son, porque la configuración predeterminada funciona muy bien.

Después de personalizar el widget, haga clic en el botón Guardar. Use sitios que generen mapas otra forma súper directa de crear Google Maps para sitios de WordPress es a través de sitios web que generan mapas. Estos sitios web funcionan como cualquier widget ordinario que descargue e instale en un sitio de WordPress. Sin embargo, no debe descargarlos, solo usarlos para crear su mapa e incorporarlo en su sitio. Estos sitios generan el código que copiará y pegará en su sitio. Usaremos MAPS-Generator para realizar esta tarea simple. Este es un proceso simple, que solo tomará aproximadamente un minuto. Generador de mapas Abre el sitio web Generador de mapas del sitio web en el navegador. Encontrará una sección de entrada a la izquierda. Aquí pondrá información sobre su negocio, incluida la dirección y el tamaño del mapa. El título es el nombre de su negocio. Si es un lugar popular, como Disneyland Paris, la mera entrada del título cargará la ubicación en el mapa. Si este no es el caso, ingrese la dirección completa en la caja de introducción “calle”. El mapa correcto debe cargar esta ubicación después de unos segundos. Por lo general, no hay necesidad de agregar detalles con cremallera y ciudad. Bajo estas opciones, dibuje las opciones de altura y ancho para ajustar las dimensiones como desee. Cuando esté satisfecho con la forma en que se ve, haga clic en el código del widget para el mapa.

Ahora vaya al tablero de WordPress y abra la página o publique en la que desea mostrar este mapa. El proceso de agregar el mapa es el mismo que el método manual (primer método) en esta guía. Simplemente haga clic en el icono más (Agregar bloque), busque HTML y haga clic en el bloque HTML cuando aparezca. En la sección del editor HTML, inserte el código. ¿Puede hacer clic en la vista previa para ver cómo se ve. Muchos? Simplemente presione actualizar o publicar y ha terminado. Si usa el editor clásico, pase al modo de texto e inserte el código donde desea aparecer. Luego presione la actualización o la publicación para guardar los cambios. Conclusión-WordPress Google Maps Los mapas se han utilizado a lo largo de la historia para obtener indicaciones para un destino definido. Google Maps sigue el mismo concepto, aunque con más beneficios para usted y su negocio. Por lo tanto, cuando agrega un mapa a su sitio, es como mantener un letrero que dirige al cliente objetivo a su negocio en esta guía, le mostré cómo agregar un mapa al sitio que tiene;

Incorporación manual de un mapa de Google,

Instalación de un complemento de Google Maps,

Agregar widgets de Google Maps o,

Creación de mapas de Google a partir de sitios web que generan mapas

Espero que hayamos logrado implementar esta función juntos. Si tiene más preguntas o comentarios sobre WordPress Google Maps, háganos saber en la sección a continuación. Y si necesita ayuda con cualquier otra cosa en WordPress, consulte estas soluciones útiles.