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

27/04/2024

Tutoriales de WordPress y diseño

Sigue aprendiendo

Tutoriales de WordPress y Elementor para conocer todos los recursos disponibles

¿Qué es el Widget de Galería básica en Elementor? El Widget de Galería básica en Elementor te permite...

¿Qué es el Widget Caja de icono en Elementor? El Widget Cuadro de icono te permite añadir iconos...

¿Qué es el Widget Cuadro de imagen en Elementor? El widget de Cuadro de imagen une imagen, título...