Cómo agregar múltiples mapas de Google en una página en WordPress

¿Le gustaría agregar más mapas de Google a una sola página en WordPress? Agregar más mapas a una página ofrece a los visitantes un instante de todas sus ubicaciones físicas. Por lo tanto, pueden elegir la ubicación más cercana al visitar su negocio. En este artículo, le mostraremos cómo agregar fácilmente más mapas de Google a una sola página en WordPress.
¿Por qué agregar múltiples mapas de Google en una página en WordPress? Hay muchas razones para agregar múltiples mapas a su sitio web de WordPress. La razón más obvia es enumerar varias ubicaciones, como las ubicaciones de las tiendas en diferentes regiones. O, si organiza más eventos, puede crear mapas para cada ubicación del evento y mostrarlos en la misma página.
Puede pensar que es difícil incorporar más de un mapa en una página de WordPress. Pero la verdad es que hay varios métodos que facilitan el proceso. A continuación compartiremos 2 métodos que incluso los principiantes pueden fácilmente. Así que superemos con la primera opción.
contenido
¿Por qué agregar múltiples mapas de Google en una página en WordPress?
Método 1. Agregue múltiples mapas de Google en una sola página con SeedProd
Método 2. Agregue manualmente múltiples mapas de Google en una página en WordPress
¿Cómo agrego más ubicaciones a un mapa de WordPress?
Método 1. Agregue más mapas de Google a una sola página con SeedProd El primer método en este tutorial le muestra cómo agregar más mapas de Google a un WordPress.
Las páginas de destino son la mejor manera de convertir el tráfico objetivo a clientes potenciales y de ventas. Entonces, si promueve un evento o descuentos en las tiendas locales, una página de mapas de múltiples mapas es la forma ideal de atraer a las personas a la puerta. Y el mejor complemento para la página de destino de WordPress es Seedprod. Seedprod es un generador visual visual de WordPress que le permite crear páginas de conversión altas sin escribir código. Viene con cientos de patrones de páginas de destino receptivas que puede personalizar en el editor de deslizamiento y colocación.

Además, SeedProd tiene muchos bloques de contenido inteligente para agregar contenido fácil de usar en su página, que incluye:
Mapas de Google
Botones de exhortación
Mesas de precio
Los carruseles de carrusel
evidencia
Texto dinámico
Títulos animados
Optin Forms
Y otra
Esto significa que puede crear rápidamente cualquier página sin contratar a un desarrollador. Siga los pasos a continuación para averiguar cómo agregar mapas de Google en una sola página en WordPress con SeedProd. Paso 1. Descargue el complemento de la página de destino Seedprod primero, visite el sitio web de Seedprod y descargue el complemento Seedprod a su computadora. Aunque SeedProd tiene una versión gratuita, usaremos SeedProd Pro para este tutorial. De esta manera, podemos usar el bloque de Google Maps.
Comience con Seedprod
Después de descargar el complemento, instálelo y active en su sitio web. Si necesita ayuda con este paso, siga esta guía de paso por paso para instalar complementos de WordPress. Una vez que haya instalado SeedProd, verá una pantalla de bienvenida que le pedirá su clave de licencia. Ingrese la clave y haga clic en el botón Verificar para activar su licencia. Nota: puede encontrar su clave conectando a su cuenta Seedprod y haciendo clic en el enlace de la vista de la licencia, los detalles y las descargas. Paso 2. Cree una nueva página de destino después de activar la clave de licencia, desplácese hacia abajo en la pantalla de bienvenida y haga clic en el botón gratuito de la página.
A partir de ahí, irá al tablero de la página Seedprod del destino.

En esta página, hay varias formas de destino de página, que incluyen:

Pronto

el modo de mantenimiento
Acceso
404
Y con esos modos de página, puede activar diferentes páginas de destino con un solo clic. Por ejemplo, puede activar el modo de mantenimiento al realizar actualizaciones menores. En la sección Modos de página, haga clic en Crear una nueva página de destino para crear su primera página.
En la siguiente pantalla, puede elegir entre cientos de páginas de destino prefabricadas. Simplemente haga clic para seleccionar una plantilla para usarla como punto de partida.
Después de elegir una plantilla, se abre una ventana emergente, que le pide que nombres tu página e ingrese la URL.

Desde allí, haga clic en el botón Guardar y comience a editar la página para iniciar la plantilla. Paso 3. Personalice su página de destino

Cuando inicia su diseño, se abrirá en el generador de páginas Seedprod. El editor tiene un diseño fácil de usar con 2 paneles para facilitar la personalización de la página: Panel izquierdo: bloques y secciones para construir y personalizar la página

Panel derecho: Vista previa en vivo de su página de destino en tiempo real

En la parte superior del editor hay un menú de navegación para cambiar rápidamente entre diseño, integraciones y configuraciones.
Y en la parte inferior del panel izquierdo hay varios otros iconos para cancelar y restaurar cambios, cambie a una vista previa móvil y más.
Estas configuraciones hacen que sea más fácil personalizar su diseño para lograr los objetivos de su página de destino. Por ejemplo, hacer clic en un título de página le permite cambiar el contenido, color y ver los cambios de tiempo real.
O, para reemplazar las imágenes de plantilla predeterminadas, puede hacer clic en cualquier imagen y reemplazarla con una en su computadora, desde su biblioteca de medios o elegir una foto de archivo gratuita.

Continúe personalizando su diseño hasta que esté satisfecho con cómo se ve todo. Y no olvide hacer clic en el botón Guardar en la esquina superior derecha. Paso 4. Agregue más mapas de Google a su página de destino Agregar más mapas de Google a su página de destino es fácil con el bloque de mapas de Google incorporado por SeedProd. Primero, agregue algunas columnas para alojar cada mapa. Desde el panel izquierdo, haga clic en el bloque de columnas y tírelo en una sección de su página ahora elige cuántas columnas desea mostrar. Para esta guía, elegí la apariencia con 3 columnas.

Ahora está listo para agregar Google Maps a cada columna. Para hacer esto, haga clic en el bloque de Google Maps y tírelo en la primera columna.

Al hacer clic en la configuración de bloqueo, se abre un panel en el que puede ingresar la ubicación elegida.Luego puede elegir el zoom del mapa, puede cambiar la alineación y ajustar el ancho.

Además, puede elegir diferentes estilos de borde y ajustar la distancia alrededor del mapa personalizado en la pestaña avanzada.

Ahora repita este paso para cada mapa que desea agregar a su página de destino.Paso 5. Publique su página de destino de Google Maps Cuando esté satisfecho con cómo se ve su página de destino, haga clic en la flecha junto al botón verde Guardar y hacer clic en Publicar.

Luego verá una ventana que le indica que se publique su página.Para ver una vista previa en vivo, haga clic en el botón Ver página en vivo.

Método 2. Agregue manualmente varios mapas de Google en una sola página en WordPress El segundo método en esta guía implica copiar e insertar el código de incorporación de la API de Google Maps e insertarlo en una publicación de Post o WordPress. La desventaja de este método es que deberá encontrar el código de incorporación para cada mapa que desea mostrar. También debe moverse de su sitio de WordPress a Google Maps y viceversa. Además, la incorporación de mapas directamente en WordPress limita las opciones de personalización. Por lo tanto, no tendrá el control avanzado del aspecto que obtenga con un generador de páginas de WordPress como Seedprod. Estos son los pasos para incorporar manualmente varios mapas de Google con el código de incorporación. Paso 1. Encuentre y comparta su ubicación en Google Maps primero, vaya a Google Maps e ingrese la primera dirección que desea incorporar. Después de encontrar su ubicación, haga clic en el icono compartido para mostrar la configuración de intercambio de Google Maps.

Ahora haga clic en la pestaña Incorporación, elija un tamaño de mapa en el menú Drop -down y haga clic en el enlace “Copiar HTML”.

Paso 2. Agregue el código de incorporación a WordPress luego, acceda al tablero de WordPress y cree una nueva página. En el editor de WordPress, haga clic en el icono más (+) para agregar un nuevo bloque de WordPress y haga clic en el bloque HTML personalizado.

Ahora inserte el código de incorporación de Google Maps en el bloque HTML. Y si hace clic en el botón Vista previa, puede ver cómo se ve su mapa.

Paso 3. Incorpore más mapas de Google ahora que sabe cómo agregar un mapa, agregue más siguiendo los mismos pasos. Simplemente elija otra ubicación en el mapa, copie el código de incorporación y agréguelo a un nuevo bloque HTML en su página de WordPress. Después de haber agregado todos los mapas a la página, haga clic en Publicar. Luego, al obtener una vista previa de la página, verá cada mapa incorporado en una sola pantalla.

¿Cómo agrego más ubicaciones a un mapa de WordPress? Hasta ahora, sabe cómo agregar más mapas de Google a una sola página en WordPress. Pero, ¿qué pasa si desea agregar más alfileres a un solo mapa e incorporarlo a su sitio de WordPress? Afortunadamente, puede hacer esto con el método de incorporar el mapa que mencioné anteriormente. Sin embargo, hay algunos pasos que destacamos a continuación. Paso 1. Cree primero un mapa de Google personalizado, acceda a Google Maps, abra el menú y haga clic en el enlace “Ubicación”.

Desde allí, haga clic en la pestaña Mapa y haga clic en “Crear un mapa” en la parte inferior de la página.

Haga clic en la etiqueta llamada “Mapa sin título” y le dé a su mapa un nombre racional. Repita este paso para el título “Strat sin título”.

Paso 2. Arregle las ubicaciones en el mapa ahora puede ingresar su ubicación en la barra de búsqueda para buscarla en el mapa. Y una vez que lo haya encontrado, haga clic en el enlace + Agregar en el mapa para colocar un anotador en ese lugar.

Repita este paso para cada ubicación que desee agregar en el mapa. Paso 3. Comparta el mapa para incorporar su mapa en WordPress, primero debe hacerlo público; De lo contrario, no puede acceder al código de incorporación. Así que continúe y haga clic en el icono “Compartir”. Ahora cambie la siguiente configuración al puesto en: Cualquiera tiene este enlace puede ver

Permita que otros miren y encuentren este mapa en Internet

Después de compartir el mapa, haga clic en los 3 puntos en la esquina superior derecha y seleccione la opción “Incorporar mi sitio”.

A partir de ahí, puede copiar el código de incorporación personalizado de Google Maps.

Paso 4. Incorpore el mapa en WordPress El paso final es agregar su mapa con múltiples ubicaciones a una nueva página de WordPress. Por lo tanto, cree una nueva página, elija el bloque HTML personalizado e inserte el código de incorporación.

Ahora, cuando haga clic en Publicar y obtener una vista previa de la página, solo verá un mapa con varios marcadores personalizados.

¡Y eso es! Esperamos que este tutorial lo ayude a aprender a agregar más mapas de Google en una sola página en WordPress. También puede gustarle esta guía sobre la creación de una tabla de precios verticales en WordPress. Gracias por leer. Síganos en Twitter, Facebook y YouTube para obtener un contenido más útil para desarrollar su negocio.