TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

3 formas de incrustar Google Maps en el sitio de WordPress

13

El objetivo principal de crear un sitio web comercial es permitir que los clientes potenciales conozcan más sobre usted y se pongan en contacto con usted fácilmente. Si ejecuta su sitio de WordPress con una empresa desde una ubicación física, mostrar Google Maps puede ser una mejor manera de compartir su dirección que solo texto sin formato. Además, los mapas de Google son interactivos y flexibles, lo que permite a los usuarios cambiar el modo de visualización y guardar un mapa para una navegación más rápida. Este artículo analiza las formas de incrustar Google Maps en el sitio de WordPress sin el complemento y utilizando el complemento.

Relacionado: ¿Cómo incrustar archivos PDF en WordPress?

Método 1: incrustar un mapa simple y único en WordPress

Puede incrustar un mapa básico de una ubicación determinada, como la ubicación de una empresa, una ciudad en particular o un área regional, utilizando el código de incrustación de Google Maps.

Paso 1: Obtenga el código de inserción del mapa de Google Maps

  • Para hacerlo, abra el sitio web de Google Maps y busque la ubicación o el área que desea mostrar en su mapa.
  • Esto enfocará el mapa en su área de interés y mostrará varias opciones justo debajo del resultado en el panel izquierdo. Haga clic en el enlace "Compartir".

3 formas de incrustar Google Maps en el sitio de WordPress

Buscar mapas

  • En la ventana emergente resultante, vaya a la pestaña "Insertar mapa" y haga clic en "COPIAR HTML" para copiar el código de inserción del mapa .

3 formas de incrustar Google Maps en el sitio de WordPress

Copiar código

  • Puede ajustar el tamaño de inserción haciendo clic en la flecha de tamaño y elegir grande, mediano o pequeño según sus preferencias.

Paso 2: Insertar Google Maps en la página / publicación de WordPress

3 formas de incrustar Google Maps en el sitio de WordPress

Bloque HTML

  • Pegue el código de incrustación de Google Map en el editor de bloques.

3 formas de incrustar Google Maps en el sitio de WordPress

Pegar código

  • Ahora puede obtener una vista previa y publicar la publicación / página. Si está agregando un mapa a una página / publicación existente, haga clic en "Actualizar" para guardar los cambios.

3 formas de incrustar Google Maps en el sitio de WordPress

Vista previa básica del mapa

Método 2: Cómo incrustar un mapa personalizado con varios marcadores de ubicación

Paso 1: creación de un mapa de Google personalizado

Primero, debería haber creado un mapa personalizado o crear uno nuevo.

  • Para hacerlo, abra Google Maps con la interfaz de My Maps, elija un mapa o haga clic en "CREAR UN NUEVO MAPA" para crear uno.

3 formas de incrustar Google Maps en el sitio de WordPress

Crear mapa personalizado

  • Personalice el mapa agregando múltiples marcadores de ubicación, modifique los íconos, los colores y el tema del mapa, entre otros elementos.

3 formas de incrustar Google Maps en el sitio de WordPress

Personalizar mapa

Aprenda WordPress: consulte más de 400 tutoriales gratuitos de WordPress.

Paso 2: Genere el código de inserción de Google Map

  • Después de crear el mapa, debe configurar las opciones para compartir el mapa. Haga clic en el botón "Compartir" para acceder al asistente de configuración.

3 formas de incrustar Google Maps en el sitio de WordPress

Compartir mapa

  • Establezca la opción "Quién tiene acceso" a "Público en la web" y haga clic en "Listo".

3 formas de incrustar Google Maps en el sitio de WordPress

Compartiendo ajustes

  • Para cambiar la configuración de acceso, haga clic en el enlace "Cambiar …". Esto abre una nueva ventana emergente, marque la primera opción y haga clic en el botón Guardar.

3 formas de incrustar Google Maps en el sitio de WordPress

Compartir enlace

  • Ahora haga clic en el icono del menú del mapa (los tres puntos) junto al título del mapa y seleccione "Insertar en mi sitio".

3 formas de incrustar Google Maps en el sitio de WordPress

Insertar en el sitio

  • Copie el código HTML del cuadro de código de inserción del mapa de Google.

3 formas de incrustar Google Maps en el sitio de WordPress

Código de inserción personalizado

Paso 3: agregue el código HTML a su publicación o página en WordPress

  • Para incrustar el mapa personalizado, repita el proceso explicado en el paso 2 del Método 1 anterior.
  • Obtenga una vista previa y publique la publicación o la página.

3 formas de incrustar Google Maps en el sitio de WordPress

Vista previa de la publicación

Método 3: Cómo incrustar Google Maps con complementos de WordPress

Hay una variedad de complementos de WordPress para esto, que brindan diferentes características para sus diferentes requisitos.

Paso 1: incrustar Google Maps con los complementos de Google Map de WP

3 formas de incrustar Google Maps en el sitio de WordPress

Instalar complemento

Paso 2: Configurar los ajustes del mapa de Google de WP

  • Antes de comenzar a crear un mapa, debe crear y agregar la clave API para que el complemento funcione.
  • Vaya a "Mapas" en el menú de la barra lateral y seleccione "Configuración".
  • Copie y pegue la clave API en el espacio provisto y haga clic en "guardar".

3 formas de incrustar Google Maps en el sitio de WordPress

Clave API

  • Desplácese hacia abajo en la configuración del mapa en la pestaña "Mapas" para habilitar / deshabilitar varias funciones del mapa, establecer el nivel de acceso, etc.

3 formas de incrustar Google Maps en el sitio de WordPress

Configuración de mapas

  • También puede navegar por las otras pestañas para configurar los ajustes de los distintos elementos y funciones del mapa.
  • Una vez que modifique la configuración, desplácese hasta la parte inferior de la pestaña y haga clic en "Guardar configuración".

3 formas de incrustar Google Maps en el sitio de WordPress

Guardar ajustes

Relacionado: ¿Cómo instalar WordPress localmente en Mac?

Paso 3: creación de un mapa personalizado

  • Debajo de "Mapas" en el menú de la barra lateral, haga clic en "Mapas" para abrir el creador de mapas.
  • En la primera sección de la página del creador, puede personalizar la configuración general de los mapas, el tema del mapa y otras configuraciones avanzadas haciendo clic en la pestaña correspondiente.
  • Para la "Configuración general", edite el título, el tamaño y la alineación del mapa y especifique el nivel de zoom.

3 formas de incrustar Google Maps en el sitio de WordPress

Detalles del mapa

  • Seleccione un tema para su mapa en la pestaña "Tema".

3 formas de incrustar Google Maps en el sitio de WordPress

Seleccione el tema

Paso 4: agregar marcadores a sus mapas personalizados

  • Desplácese hacia abajo en la página hasta la sección "Marcadores", ingrese la ubicación y haga clic en "Agregar marcador". Puede usar el mouse para arrastrar y cambiar el diseño del mapa en el mapa que se muestra en el lado derecho, así como personalizar el ícono del marcador.
  • Una vez que haya terminado con la configuración, haga clic en el botón "Guardar mapa".
  • Copie el código abreviado de mapas y utilícelo en su página o publíquelo para mostrar el mapa personalizado.

Terminando

Puede utilizar los métodos manuales para incrustar mapas de Google en su sitio o elegir uno de los complementos de WordPress disponibles para implementar funciones de mapas avanzadas y flexibles según sus necesidades. Sin embargo, siempre debe equilibrar el uso de mapas y la velocidad del sitio, ya que los mapas pueden ralentizar el rendimiento del sitio.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More