Cómo agregar Google Maps a WordPress (2021)

¿Busca una manera de agregar Google Maps a su sitio de WordPress? Si desea simplificar a sus visitantes para descubrir su tienda u otros lugares de negocios o si desea resaltar áreas que sus visitantes pueden encontrar interesantes, entonces incorporar los mapas de Google en su sitio de WordPress es la opción ideal. Puede incluir una imagen de vista de mapa, una imagen de observación de la calle o incluso indicaciones detalladas de viaje. En esta publicación, compartiremos cómo agregar Google Maps a WordPress sin un complemento, así como algunos de los mejores complementos de Google Maps WordPress. Vamos a empezar.
¿Qué es un mapa de Google? Si no sabe que la plataforma Google Maps ahora es un buen momento para averiguarlo, especialmente si su empresa tiene un sitio físico. Los usuarios pueden incorporar un mapa de Google en su sitio web o en resultados de búsqueda utilizando la plataforma Google Maps. La herramienta más esencial para el SEO local es Google Maps. Es utilizado por millones de turistas para obtener instrucciones para empresas locales, atracciones y ubicaciones privadas. La aplicación también es significativa porque se usa en dispositivos móviles. La aplicación móvil es una herramienta de marketing sólida para su empresa, especialmente si se activa la función de ubicación.
Si se hace correctamente, el marketing de Google Maps puede ser una de las formas más efectivas de aumentar su visibilidad en los resultados de búsqueda locales. Además, será considerado un experto local en su campo, así como en la ubicación de salida para clientes locales que buscan un producto o servicio en particular. ¿Qué hace Google Maps tan importante para su sitio web? Hay varias razones que hacen que Google Maps sea tan importante: ahorra a los consumidores el proceso de abrir una nueva ventana del navegador, dejar su sitio web y buscar instrucciones, ayudar a los clientes o visitantes al sitio web con indicaciones para que los clientes de su empresa puedan usar el mapa en su sitio para moverse.
La información de contacto de su empresa es fácilmente accesible. La dirección de la empresa, el número de teléfono, el sitio web, las indicaciones de orientación, las revisiones y las revisiones son proporcionadas por un mapa de Google incorporado.
Un mapa de Google puede mostrar ubicaciones locales de interés, como estacionamiento, restaurantes, teatros y parques, entre otros. Si los visitantes no están seguros de dónde está su negocio, puede referirse a los alrededores.
El mapa también podría ayudar a mantener a los usuarios en su sitio por más tiempo.
¿Cómo agregar Google Maps manualmente a WordPress? Las personas a las que les gusta agregar manualmente los elementos a sus sitios de WordPress siempre encontrarán una manera, y agregar un mapa de Google no es una excepción.
Para agregar un mapa de Google a su sitio web, siga estos pasos:
El artículo continúa a continuación

Ir a Google Maps
En la parte superior izquierda, ingrese el nombre de la empresa o lugar.
Cuando se complete la empresa, verá un botón para compartir junto al nombre de la empresa. Haga clic en el botón “Compartir”. Apareció una nueva ventana emergente, lo que le permite compartir el mapa. Elija “Incorporar un mapa” en el menú desplegable.

Elija el tamaño del mapa que desea usar en su sitio web. “Dimensión pequeña, mediana, grande y personalizada” son sus opciones

Copie el código HTML para la etiqueta iframe.

Navegue al sitio web donde desea incorporar el mapa.
Copie el código HTML para la etiqueta iframe.
Navegue al sitio web donde desea incorporar el mapa.
Eso es todo lo que es. Es un procedimiento muy simple a seguir.
¿Cómo agregar Google Maps a WordPress usando complementos? Si simplemente desea incorporar un mapa de Google para un lugar en su sitio de WordPress, la primera técnica es suficiente. Sin embargo, si los mapas son una parte esencial del contenido básico de su sitio y debe incluir mapas en sus artículos regularmente, recomendamos usar un complemento.
WP Google Maps
Insertar mapas de Google en sus publicaciones y páginas de WordPress es simple con el mapa de Google WP gratuito. Puede usar el complemento para crear muchos lugares, cada uno con su propio marcador único. Después de eso, puede agregar las ubicaciones en un mapa. Después de que se haya producido el mapa, puede usar el código corto apropiado para incorporarlo en el texto. Sus visitantes pueden navegar por el mapa y aumentar y encogerse para obtener más información sobre los lugares. Pro
Las capacidades del complemento le permiten generar diferentes mapas que necesita y usarlos en su sitio web.

Esto le permite resaltar una variedad de ubicaciones, lo que hace que este complemento sea una opción fantástica para cualquiera que quiera publicar guías locales en su sitio. Todos los mapas de Google que genera con este enchufe son compatibles con los dispositivos móviles.
Versus
Es posible que esta versión sin complementos no tenga todas las características que desee de una herramienta de búsqueda de tiendas.
Precio
Complemento pro- $ 39.99 con licencia para 3 sitios
Paquete de desarrollador – $ 99.99 con 10 licencia de sitio
Licencia de vida – 199.99 USD con licencia ilimitada para el sitio
Pasos sobre cómo agregar mapas de Google a su sitio web
Debería ver un nuevo enlace de mapa en el tablero de WordPress después de instalar el complemento WP Google Maps.
Se puede acceder a la página presentada a continuación haciendo clic en el enlace del mapa. Después de actualizar el suplemento Pro, podrá actualizar su mapa o crear otros nuevos aquí.
Para editar el mapa, haga clic en el enlace Editar. Esto lo llevará a la página Crear su mapa, que se ve a continuación.
Configuración general

Shortcode-este es el código corto que deberá incorporar su mapa en una publicación o página (se explicará en detalle a continuación).

Nombre del mapa: cambie el nombre del mapa editándolo.

Dimensiones del mapa: aquí puede elegir el tamaño del mapa (ancho y altura). Si es necesario, los valores se pueden ajustar de píxeles a porcentajes (porcentaje). Establezca el ancho y la altura de su mapa en 100% y 400px respectivamente, para que sea receptivo (compatible con dispositivos móviles).
Guarde el mapa haciendo clic en el botón Guardar mapa. El mapa se recargará con las nuevas dimensiones que especificó.
También puede usar la rueda de rollo del mouse o los controles de zoom para ajustar el zoom en el mapa de vista previa en la parte inferior de la página. Guarde el mapa usando el botón Guardar mapa.
Punto de inicio: haga clic y dibuje el mapa de vista previa al punto de partida con el mouse, luego presione el botón Guardar mapa.
Alineación del mapa: ajuste la alineación del mapa de visualización.
Haga clic en el botón Guardar mapa para guardar sus cambios en el mapa.
Debe copiar y pegar el código de mapa corto en una publicación o página para ver su mapa en su sitio web. En la parte superior de la página, cree su mapa, verá el código de mapa corto.
Este código corto debe insertarse en una publicación o página. Así es como deberían verse:
Después de haber terminado de cambiar su contenido de publicación o página, haga clic en el botón Publicar.
En la publicación o página publicada, su mapa debe aparecer (front-end). Obtenga WP Google Maps Hero Maps Premium
Hero Maps Premium es una increíble solución de Google Maps que le permite mostrar mapas receptivos en toda la pantalla o con un ancho establecido. Puede usar uno de los tres conjuntos de iconos para agregar marcadores profesionales a los mapas e incluso puede enviar sus propios iconos. Para colocar un anotador en el mapa, simplemente deslice y coloque un ícono en él.

Pro

Excelente conjunto de características
Líder en complementos de mapas de categoría de WordPress

Lo mejor para facilitar el uso en cuenta
La asistencia solo incluye correos electrónicos
Precio
Licencia común: $ 20
Pasos para agregar Google Maps a su sitio web
Heromaps Premium está disponible para descargar a través de CodeCanyon.
Navegue a complementos >> Crear una nueva >> Instalación de complementos
Para cargar heromaps, explore el archivo zip que acaba de obtener de Codecanyon y siga los pasos.
Para activar heromaps premium, haga clic en el enlace de activación.
Navegue a Heromaps en su sección de administrador después de que Heromaps Premium haya sido activado. El tablero de Heromaps será lo primero que ves
Para crear el primer mapa, vaya a Maps y seleccione Agregar nuevo en el menú Drop -down. En el cuadro de texto que aparece, ingrese el nombre de su mapa y luego haga clic en el botón Agregar nuevo.
Acabas de terminar el primer mapa, que es un gran logro. ¡Buen trabajo!
Hero Maps Configuración premium
Después de haber terminado de crear el mapa, se le dirigirá a la pantalla de configuración, que se verá así:
El mapa predeterminado se mostrará en esta pantalla; Puede hacer clic en el mapa y sacarlo en la ubicación deseada o usar el cuadro de búsqueda. Aumentar y reducir el uso de la rueda del mouse se desactiva de forma predeterminada, pero puede usar la izquierda normal del mapa para aumentar y encogerse.
Tenga en cuenta que si elige la opción receptiva, su mapa debe ponerse en un contenedor receptivo.

Aunque ahorrar entre cada paso no es técnicamente esencial, le recomendamos que seleccione el icono de rescate desde la esquina superior derecha cuando haya terminado de editar.

Get Hero Maps Premium
El artículo continúa debajo de los bloques inferiores que bloquean los mapas de Google

Si necesita un conjunto sofisticado de herramientas de diseño de WordPress, se ha creado nutrias para usted. La biblioteca de bloques de nutria le permite penetrar extremadamente profundamente en el aspecto y la modificación del estilo para casi todos los bloques, por lo que si necesita un conjunto de diseño avanzado de WordPress Las herramientas, la nutria se ha creado para usted.

Pro
Los mapas se pueden personalizar, incluida la posición, el nivel de zoom y más.
El color y otras opciones se pueden usar para personalizar sus mapas.

Cree un mapa con numerosas ubicaciones y marcadores.

Organice su biblioteca de mapas fácilmente.

Versus
Hay un número limitado de bloques disponibles.
No hay un tema inicial designado.
Precio
GRATIS
Pasos para agregar Google Maps a su sitio web
Después de instalar bloques de nutria, el tablero tendrá una nueva sección llamada nutria en la pestaña Configuración. Encuentra un mapa
Vaya al tablero de Google API para obtener esta llave. Debería poder acceder a este tablero sin tener que registrarse para nada, si ya tiene una cuenta de Google.
Seleccione el botón Azul Cree el proyecto en la parte superior de la pantalla en el tablero de Google API:
En la siguiente pantalla, seleccione Creación. Entonces podrás dar un nombre a tu proyecto:
Lo traerán de regreso al tablero si hace clic en la creación nuevamente. Mire en la biblioteca API “Google Maps JavaScript API” y elija Habilitar API y servicios en la parte superior de la página. Seleccione activar después de descubrirlo. En la siguiente pantalla, en la esquina superior derecha, haga clic en el botón Crear credencial.
Luego, en la siguiente pantalla, ¿elige qué credenciales necesito? Se le dará una clave API, que puede copiar ahora mismo.
Copie la tecla e inserte en el cuadro de tecla Google Maps en su sitio de WordPress:

¡No olvides guardar tus cambios! Ahora está listo para comenzar a crear su mapa.
Para hacer el primer mapa, vaya a la sección Nutria y elija el bloque de mapas de Google. Inmediatamente se le dará una variedad de alternativas:

Agregue un botón de marcador que le permita elegir un lugar en el mapa y agregar un marcador. Puede dar un nombre de marcador, puede seleccionar un estilo y puede ingresar una ubicación.

También puede agregar el texto que aparecerá cuando un usuario haga clic en el anotador en el cuadro de texto.
Después de eso, puede comenzar a personalizar su mapa utilizando las diferentes características del constructor de mapas. Echemos un vistazo a cada pestaña.
Posicionamiento y ampliación
Puede ampliar y encoger el mapa de muestra y sacarlo en cualquier lugar donde desee establecer un cierto nivel de zoom y una ubicación para su mapa aparecerá en su sitio exactamente como lo pone en el editor. También puede elegir entre mapas de campo, satélite, carretera e híbridos.

control S
Puede elegir qué tipos de opciones tienen los usuarios en la sección de pedidos. Esto incluye si pueden o no extraer el mapa y si tienen o no acceso a Street View.

Estilos
Puede cambiar el aspecto de su mapa en la sección de estilos. También puede elegir entre una variedad de mapas prefabricados o puede crear usted mismo. No olvide guardar su mapa después de haberlo completado. Verá que aparece en la página, junto con los botones para ajustar el ancho del mapa, cambiar el diseño o eliminarlo.
¡Eso es todo! Su mapa debería verse bien ahora en el frente de su sitio web. Este enfoque se puede utilizar para publicar el mismo mapa en diferentes ubicaciones o para agregar una serie de mapas a su sitio web. Esto es todo lo que existe cuando se trata de la integración de Google Maps con WordPress. Obtenga bloques Otter Bloque de Google Maps Agregar mapas de Google en su sitio de WordPress hoy-Summum Un mapa de Google es mucho más cautivador y más dinámico que ingresar una dirección en su sitio web. También puede ayudar al SEO local de su sitio, puede proporcionar instrucciones simples y promover buenos comentarios de los clientes.
El artículo continúa a continuación

Puede incorporar mapas de Google en su propio sitio web utilizando los siguientes métodos:
Agrega Google manualmente: aunque este enfoque es el más difícil y requiere una cierta experiencia técnica, también es la más adaptable.

Simplemente ingrese la dirección de ubicación que desea ver o busque una ubicación en el sitio web de Google Maps.
Vaya al panel derecho y haga clic en el botón de enlace. El código de incorporación se mostrará como resultado de este hecho. Para continuar ajustando la apariencia del mapa en su sitio, copie el código de iframe o haga clic en “Personalizar y obtener una vista previa del mapa incorporado”.

Copie el código e insértelo en una publicación, página o plantilla en su sitio web de WordPress.
WP Google Maps: esta herramienta es fácil de usar y muy configurable, lo que le permite colocar su mapa en cualquier publicación o página. Después de actualizar al suplemento Pro, podrá actualizar su mapa o crear nuevos
Para editar el mapa, haga clic en el enlace Editar.

Debe copiar e insertar el código de mapa corto en una publicación o página para ver su mapa en su sitio web

Hero Maps Premium: es un complemento notable con una serie de funciones útiles. Puede construir un número interminable de mapas y marcadores que lo usen.
Primero, active los mapas de héroes premium.
Seleccione Agregar nuevo de la opción desplegable debajo de los mapas. Ingrese el nombre del mapa en el cuadro de texto que se abre, luego haga clic en el botón NUEVO ADD.
Luego configure los mapas de héroes Premium.
Otter Blocks: este complemento ayudará a los usuarios a crear y personalizar fácilmente mapas para adaptarse a sus requisitos específicos. Puede crear cuántos mapas desea, guardarlos, editarlos e incluso clonarlos usando el sofisticado generador de mapas.
En WordPress, inserte su tecla API Google Maps.
Cree un nuevo mapa y use las opciones de complemento para personalizarlo.
Use el código corto para incorporar el mapa en su sitio web.
¡Esperemos que haya encontrado esta publicación útil en la integración de Google Maps en su blog de WordPress! ¡Nos complace ver cómo funciona para su sitio web!