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

22/05/2024

Tutoriales de WordPress y diseño

Sigue aprendiendo

Tutoriales de WordPress y Elementor para conocer todos los recursos disponibles

¿Cuál es el color del signo de Aries? Signo: Aries Color: Rojo Planeta: Marte Gema/metal: Rubí Razón: Marte...

¿Qué es el widget de Ancla de menú en Elementor? El Widget de Ancla de menú en Elementor te...

¿Qué es el widget de HTML en Elementor? El Widget de HTML en Elementor te permite incrustar código...