Elementor

Cómo insertar un mapa de Google Maps en Elementor

Cómo insertar un mapa de Google Maps en Elementor

Tabla de contenidos

¿Qué es el Widget de Google Maps en Elementor?

El Widget de Google Maps en Elementor te permite añadir fácilmente un mapa de Google Maps a tu sitio web. Es ideal para colocarlo en la página de contacto, donde es muy probable que tus clientes busquen tu ubicación.

¿Cómo usar el Widget de Google Maps en Elementor?

Paso 1. Añade el Widget al lienzo

Widget de Google Maps
Widget de Google Maps

Haz clic en el Widget de Google Maps, luego arrástralo y suéltalo dentro del lienzo.

Paso 2. Escribe la ubicación de tu negocio

Ubicación
Ubicación

En la pestaña Contenido > Google Maps > escribe la ubicación de tu local.

Paso 3. Determina el Zoom del mapa

Zoom
Zoom

En Zoom, usa el control deslizante para acercar o alejar la vista previa del mapa.

Paso 4. Elige un Tamaño para el mapa

Alto
Alto

En Altura, usa el control deslizante para elegir la altura del mapa.

Paso 5. Cambia el Estilo del mapa

Filtros CSS
Filtros CSS

En la pestaña Estilo > Google Maps > Normal > usa los Filtros CSS para cambiar la apariencia del mapa. Por ejemplo, si pones la saturación en 0, el mapa se pondrá en blanco y negro.

Duración de la transición
Duración de la transición

Dentro de la opción Al pasar el cursor puedes usar el control deslizante para editar la Duración de la transición.

Escrito por:

Richi Pérez

Richi Pérez

05/06/2024

Tutoriales de WordPress y diseño

Sigue aprendiendo

Tutoriales de WordPress y Elementor para conocer todos los recursos disponibles

¿Por qué usar fuentes y colores globales en Elementor? Para unificar el aspecto de un sitio web, es...

¿Qué es el widget de Valoración en Elementor? El Widget de Valoración en Elementor te permite añadir valoraciones...

¿Qué es el widget de Indicador de avance en Elementor? El Widget de Indicador de avance en Elementor...