Cómo incorporar los mapas de Google en WordPress (3 modos simples)

¿Le gustaría agregar Google Maps a su sitio web de WordPress? Agregar contenido como mapas, audio y video a su sitio es una excelente manera de crear una experiencia interactiva. En este artículo, compartimos varios métodos para agregar mapas de Google en su sitio web de WordPress.
contenido
¿Por qué debería incorporar Google Maps en su sitio web?
Obtener una tecla API Google Maps
1. Cómo incorporar los mapas de Google en las páginas de destino de WordPress
2. Cómo agregar mapas de Google a las publicaciones de WordPress (con un complemento)
3. Cómo agregar manualmente un mapa de Google a WordPress
https://www.youtube.com/watch?v=ppg2ebfsf5q
Antes de comenzar, ¿cuáles son los beneficios de incorporar mapas interactivos en su sitio?
¿Por qué debería incorporar Google Maps en su sitio web? Ya sabe que incorporar un mapa en su sitio es una excelente manera de hacer que su sitio sea interactivo. Pero hay algunos otros beneficios que pueden ayudar a que su negocio se desarrolle. Por ejemplo, un mapa de Google construido puede:
Ayudar a los clientes a encontrar una tienda física cerca del lugar donde viven
Muestra a los participantes la ubicación de un evento
Ilustrar publicaciones de blog que discuten ciertas ubicaciones
Muestre su ubicación de la sede
Con poca creatividad, puede usar mapas interactivos para dar vida a su sitio. Y, como resultado, sirva tanto a su negocio como a los clientes potenciales.
Obtener una clave de API de Google Maps antes de incorporar un mapa de Google en su sitio de WordPress, es una buena idea crear una clave de API de Google Maps, que Google está pidiendo ahora. Para obtener una clave de Google API, siga los pasos a continuación. 1. Vaya a la consola de la plataforma de Google Cloud. Puede crear una cuenta gratuita si aún no tiene una. 2. Seleccione un proyecto existente o cree un nuevo proyecto 3. Elija la API de incrustación de mapas y haga clic en la siguiente pantalla. Ahora navegue en las credenciales de la barra lateral, haga clic en la opción +creación de acreditaciones y seleccione la tecla API.

Ahora debe tener una clave API activa para Google Maps.

Ahora le mostremos cómo incorporar Google Maps en WordPress. 1. Cómo incorporar los mapas de Google en las páginas de destino de WordPress El primer método de este tutorial le muestra cómo incorporar los mapas de Google en una página de destino de WordPress. Las páginas de destino son la mejor manera de convertir el tráfico objetivo a clientes potenciales y de ventas. Y el mejor complemento para la página de destino de WordPress es Seedprod.
Seedprod es un generador de página de arrastre de arrastre y arrastre 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 fácilmente en el editor visual frontal.

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
Como resultado, puede girar las páginas de destino rápidamente sin contratar a un desarrollador. Siga los pasos a continuación para averiguar cómo incorporar los mapas de Google en las páginas de WordProd WordProd. 1. Descargue la página del complemento de aterrizaje Seedprod El primer paso es descargar el complemento Seedprod a su computadora. Si bien SeedProd proporciona una versión gratuita para crear páginas de destino gratuitas en WordPress, usaremos SeedProd Pro. De esta manera, podemos usar los bloques de contenido avanzados que mencionamos anteriormente. Así que haga clic en el botón a continuación para comenzar.
Comience con Seedprod
Luego instale y active SeedProd en su sitio web. Si necesita ayuda a este respecto, puede seguir 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.
Puede encontrar su clave conectando a su cuenta de SeedProd y haciendo clic en la vista de licencia, los detalles y el enlace de descargas. Una vez que haya copiado la clave, inserte en el campo de licencia de clave en la pantalla de bienvenida de SeedProd y haga clic en el botón de verificación de la tecla.
2. Cree una nueva página de destino

Ahora puede comenzar a crear su primera página, así que desplácese la pantalla de bienvenida y haga clic en el botón Crear página. Después de hacer clic en ese botón, irá a la página de destino de SeedProd.
En esta página, primero verá las diferentes formas de la página de destino disponible en SeedProd, que incluye:

Pronto

el modo de mantenimiento
Acceso
404
Los modos de página de SeedProd le permiten activar rápidamente diferentes páginas de destino con un solo clic. Por ejemplo, puede activar rápidamente una pantalla de mantenimiento al realizar actualizaciones menores. O puede activar una pantalla de autenticación de WordPress personalizada para recibir usuarios registrados. La principal ventaja de los modos de página es que no tendrá que instalar complementos de WordPress separados para lograr esta funcionalidad. Seedprod tiene todo incorporado en un solo complemento compacto. En la sección Modos de página hay una lista de cada página que crea con SeedProd. Por ahora, no verá ninguna página enumerada. Para crear la primera página, haga clic en Crear una nueva página de destino.
Al hacer clic en el botón, llegará a la pantalla de plantilla de plantilla de página Seedprod. Aquí verá cientos de plantillas diseñadas profesionalmente que puede usar como base para el diseño de su página.
En la parte superior hay diferentes pestañas para filtrar los patrones como:
Pronto

el modo de mantenimiento

404 página
rebaja
Seminario web
Aprieto de plomo
Gracias
Acceso
Pase el mouse sobre cualquier diseño que desee y haga clic en el icono BIF para importar esa plantilla.
Utilizaremos las oportunidades de plantilla para esta guía, que puede encontrar bajo el título de pliegues principales. Después de hacer clic en el icono BIFA para importar la plantilla, verá una ventana emergente que le pedirá que ingrese el nombre de una página de destino. Debido a que el nombre de su página se asigna automáticamente a la URL de su página de destino, llámelo algo que tenga sentido para sus visitantes.
Puede cambiar fácilmente esta configuración más tarde si comete un error. Así que continúe y haga clic en el botón Guardar y comience a editar la página. 3. Personalice su diseño presionando su diseño, se abrirá en el editor visual de la página Seedprod. El editor tiene un diseño fácil de usar con 2 paneles para facilitar su página muy fácil:
Panel izquierdo: bloques de páginas y secciones para crear y personalizar la página

Panel derecho: Vista previa de cómo muestra 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 el diseño, las integraciones y la configuración de la página.

Y en la parte inferior del panel izquierdo hay algunos otros íconos que lo ayudan a navegar en su página, incluida:
Configuración global: controle los colores, las fuentes y el fondo de su página a nivel mundial
Navegación de apariencia: navegación rápida a diferentes partes de su diseño
Historial de revisión: Vista previa y restaurar una versión anterior de su diseño

Cancelar y restaurar: Cancelar los cambios de diseño o restaurarlos rápidamente
Vista previa móvil: Vista previa de su diseño móvil de su página de destino
La configuración anterior facilita la personalización de la plantilla para que coincida con los objetivos de marca, contenido y marketing. Por ejemplo, hacer clic en un título de página le permite cambiar el texto, colorear aún más rápido y ver los cambios de tiempo real.
O, si desea cambiar las imágenes predeterminadas, simplemente puede hacer clic en una imagen para ver la configuración a la izquierda. Luego puede reemplazarlo con uno en su computadora, desde su biblioteca de medios o puede elegir una foto de stock gratuita. Incorporar el bloque de página de destino de Google Maps para agregar un widget de Google Maps a la página de destino es simple. Desde el panel izquierdo, haga clic en el bloque Google Maps. Luego puede meterlo en la sección de la página donde desea aparecer.
Al hacer clic en la configuración de bloqueo de Google Map, le permite ingresar rápidamente la ubicación que desea mostrar. Luego puede elegir cuánto es el mapa, puede cambiar la alineación y ajustar el ancho del mapa.
Seleccionar la pestaña avanzada le permite elegir diferentes estilos de borde y ajustar la distancia alrededor de su mapa personalizado.

Continúe personalizando su página de destino hasta que esté satisfecho con cómo se ve. Recuerde hacer clic en el botón Green Guardar en la esquina superior derecha para almacenar sus cambios. 5. Configure su configuración con su diseño en su lugar, hay algunas configuraciones que puede configurar antes de publicar su página de destino. Seedprod le permite conectar fácilmente su página de destino a la lista de correo electrónico. Por lo tanto, haga clic en Conéctese a la parte superior de la pantalla para ver los populares servicios de marketing por correo electrónico. Esto facilita pedir a los usuarios que se suscriban a su boletín y los agregue automáticamente a su lista de correo electrónico.


Después de conectar la lista de correo electrónico, haga clic en la pestaña de la página Setti para obtener más opciones.

Seedprod ofrece 5 configuraciones que puede configurar, pero esto a menudo depende del tipo de página que cree y su actual Seedprod. General: edite el nombre de la página y la URL o cambie entre el boceto publicado y el boceto.

SEO: Configurar configuraciones de SEO con un complemento SEO WordPress.

Análisis: mire el rendimiento de su página con un complemento de Google Analytics.

Escrituras: agregue scripts personalizados al encabezado, el cuerpo y los sótanos de la página, como el seguimiento y la redirección de los píxeles.

Dominio personalizado: otorgue a cualquier página de destino un dominio personalizado que no esté conectado a su sitio web existente.

Después de configurar la configuración, guarde los cambios y haga clic en la pestaña Diseño. 6. Publique su página de destino antes de publicar su página, es importante asegurarse de que el diseño esté adaptado para dispositivos móviles. De lo contrario, los usuarios de dispositivos móviles tendrán dificultades para navegar en su página y puede perder clientes potenciales y conversiones. Afortunadamente, SeedProd incluye una opción de vista previa móvil para verificar si su página es compatible con dispositivos móviles. Simplemente haga clic en el icono móvil en la parte inferior de la pantalla.
A partir de ahí, puede ver cómo se ve su página en los dispositivos móviles y puede cambiar lo que no se vea o funcione correctamente.
Cuando todo se vea bien, haga clic en la flecha hacia abajo junto al botón verde Guardar y hacer clic en Publicar.
A continuación, verá una ventana que le informa que su página ha sido publicada.
Para ver una vista previa en vivo, vaya más allá y haga clic en el botón Vista de la página en vivo.
Y aquí hay una vista previa de cómo se ve su mapa de Google: ¡buen trabajo! Ahora sabe cómo agregar un mapa de Google a su página de destino de WordPress. Pero, ¿qué sucede si tiene que agregar el mapa a sus publicaciones de WordPress? Te mostraremos cómo hacer eso más. 2. Cómo agregar mapas de Google a las publicaciones de WordPress (con un complemento) Recomendamos usar este método si los mapas juegan un papel importante en su negocio y debe usarlos en varias publicaciones y páginas en su sitio en su sitio. Usaremos un Complemento de WordPress y esta vez usaremos mapas de mappress para WordPress.
Así que continúe e instale y active el complemento en el tablero de WordPress para comenzar. Luego haga clic en Editar en la publicación o página que desea incorporar el mapa. Dentro de su publicación o página, haga clic en el icono más (+) para agregar un nuevo bloque de WordPress. Desde allí, busque el bloque de mapa de mappress y haga clic para agregar el mapa a su publicación.

Ahora haga clic en el botón Biblioteca de mapas y, en la siguiente pantalla, seleccione Addrod nuevo.

En la siguiente pantalla, puede ingresar su ubicación favorita en el mapa en la barra de búsqueda y hacer clic en Guardar.

Luego haga clic en el enlace Insertar en la publicación para agregar su mapa a su publicación de WordPress. Ahora puede usar el panel de configuración del mapa a la derecha para cambiar el tamaño y la ampliación de su mapa de Google.

Después de eso, haga clic en Actualizar o publicar para guardar los cambios y obtener una vista previa de cómo se ve el nuevo mapa.

3. Cómo agregar manualmente un mapa de Google a WordPress Puede, por supuesto, agregar un mapa de Google a su sitio de WordPress sin usar un complemento. Para hacer esto, debe visitar el sitio web de Google Maps y buscar la ubicación que desea mostrar. Luego haga clic en el botón Copiar HTML.

Ahora haga clic en Editar en cualquier publicación o página de WordPress. En el editor de bloques de WordPress, haga clic en el icono más (+) para agregar un nuevo bloque y elija la opción HTML personalizada.

Luego inserte el código de incorporación de Google Maps en el bloque HTML personalizado y haga clic en Actualizar para guardar la publicación. Al obtener una vista previa de la publicación, su mapa debe ser similar al ejemplo a continuación.

¡Eso es todo! Ahora sabe cómo incorporar Google Maps en los complementos manuales de WordPress y Strong WordPress. Si le gustó este artículo, es posible que le guste esta guía sobre cómo editar su sótano de WordPress. Gracias por leer. Síguenos en YouTube, Twitter y Facebook para obtener un contenido más útil para desarrollar su negocio.